ccb73fd421
= Reference container semantics for assistive technology = - Table header elements with row scope in the first column. - Table caption invisible to sighted users but required for screen readers. = Referrer accessibility = - jQuery referrers are accessible but don’t show the tooltips on focus. - AMP compatible tooltips show up on focus on navigatable referrers. - Alternative tooltips now accessible on focus on now navigatable referrers. git-svn-id: https://plugins.svn.wordpress.org/footnotes/trunk@2498648 b8457f37-d9ea-0310-8a92-e5e31aec5664
39 lines
1.8 KiB
HTML
39 lines
1.8 KiB
HTML
<!--<?php//for docblock, @see MCI_Footnotes_Template::process_template()
|
|
/**
|
|
* Footnote template to enable AMP compatibility mode.
|
|
*
|
|
* - Adding: Tooltips: make display work purely by style rules for AMP compatibility, thanks to @milindmore22 code contribution.
|
|
* - Bugfix: Tooltips: enable accessibility by keyboard navigation, thanks to @westonruter code contribution.
|
|
* - Adding: Reference container: get expanding and collapsing to work also in AMP compatibility mode, thanks to @westonruter code contribution.
|
|
*
|
|
* @since 2.6.0
|
|
*
|
|
* @contributor @milindmore22
|
|
* @link @link https://github.com/ampproject/amp-wp/issues/5913#issuecomment-785306933
|
|
*
|
|
* @contributor @westonruter
|
|
* @link https://github.com/ampproject/amp-wp/issues/5913#issuecomment-785419655
|
|
* @link https://github.com/markcheret/footnotes/issues/48#issuecomment-799580854
|
|
* @link https://github.com/markcheret/footnotes/issues/48#issuecomment-799582394
|
|
* @link https://amp.dev/documentation/guides-and-tutorials/learn/amp-actions-and-events/#*-(all-elements)
|
|
*/?>
|
|
-->
|
|
<span
|
|
class="footnote_referrer relative"
|
|
><[[link-span]]
|
|
role="button"
|
|
tabindex="0"
|
|
on="tap:footnote_references_container_[[post_id]]_[[container_id]].toggleClass(class=collapsed, force=false),footnotes_container_button_plus_[[post_id]]_[[container_id]].toggleClass(class=collapsed, force=true),footnotes_container_button_minus_[[post_id]]_[[container_id]].toggleClass(class=collapsed, force=false)"
|
|
[[hard-link]]
|
|
><[[sup-span]]
|
|
id="footnote_plugin_tooltip_[[post_id]]_[[container_id]]_[[note_id]]"
|
|
class="footnote_plugin_tooltip_text"
|
|
>[[before]][[index]][[after]]</[[sup-span]]
|
|
></[[link-span]]
|
|
>[[anchor-element]]<span
|
|
id="footnote_plugin_tooltip_text_[[post_id]]_[[container_id]]_[[note_id]]"
|
|
class="footnote_tooltip position"
|
|
[[style]]
|
|
>[[text]]</span
|
|
></span
|
|
>
|