diff options
| author | Ian McBurnie <imcburnie@ebay.com> | 2014-05-05 22:29:22 -0700 |
|---|---|---|
| committer | Ian McBurnie <imcburnie@ebay.com> | 2014-05-05 22:29:22 -0700 |
| commit | 79cff28abd3712b7e2219d81e1b4ecb73ba8b491 (patch) | |
| tree | fa6e6b4c6bca672ea5bd174f36866895dbe0a2db | |
| parent | 27329239f76e0b748f35b58d626edadea2d10bee (diff) | |
| download | gitbook-79cff28abd3712b7e2219d81e1b4ecb73ba8b491.zip gitbook-79cff28abd3712b7e2219d81e1b4ecb73ba8b491.tar.gz gitbook-79cff28abd3712b7e2219d81e1b4ecb73ba8b491.tar.bz2 | |
Accessibility: aria-label added to navigation links
Current behavior: Screenreader just reads ‘link’ when landing on the
previous and next navigation links, giving the user no indication of
what the link does or where it goes. New Behaviour: Screenreader reads
“Previous page: {page title}” and “Next page: {page title}”
respectively.
| -rw-r--r-- | theme/templates/site.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/theme/templates/site.html b/theme/templates/site.html index 13438ed..af73030 100644 --- a/theme/templates/site.html +++ b/theme/templates/site.html @@ -28,10 +28,10 @@ </div> {% if progress.current.prev and progress.current.prev.path %} - <a href="{{ basePath }}/{{ progress.current.prev.path|mdLink }}" class="navigation navigation-prev {% if !progress.current.next or !progress.current.next.path %}navigation-unique{% endif %}"><i class="fa fa-angle-left"></i></a> + <a href="{{ basePath }}/{{ progress.current.prev.path|mdLink }}" class="navigation navigation-prev {% if !progress.current.next or !progress.current.next.path %}navigation-unique{% endif %}" aria-label="Previous page: {{ progress.current.prev.title }}"><i class="fa fa-angle-left"></i></a> {% endif %} {% if progress.current.next and progress.current.next.path %} - <a href="{{ basePath }}/{{ progress.current.next.path|mdLink }}" class="navigation navigation-next {% if !progress.current.prev or !progress.current.prev.path %}navigation-unique{% endif %}"><i class="fa fa-angle-right"></i></a> + <a href="{{ basePath }}/{{ progress.current.next.path|mdLink }}" class="navigation navigation-next {% if !progress.current.prev or !progress.current.prev.path %}navigation-unique{% endif %}" aria-label="Next page: {{ progress.current.next.title }}"><i class="fa fa-angle-right"></i></a> {% endif %} </div> </div> |