I just went to the tags page again.

Going down the page that shows all of the tags for each starting letter, there is nothing but a 'go to index' link between each.

For example between the 'k' page and the 'l page.

Another screen reader navigation option is to jump from heading to heading.

So it would be better if there was a heading something like:

Tags beginning with 'K'

Before each block of tags.

Then a screen reader user could jump from heading to heading until they find the letter they want.

Note that hitting 'k' to jump from link to link is annoying when going through the list of letters of the alphabet, plus some more. It is a long list.

So a heading after 'z' would provide a landmark to jump to, in the absence of the usual "skip to" links which are put in accessible Web pages.

A note about that...

Most Web pages written by a11y-aware authors include links and landmarks that are invisible to people who can see, but which are spoken by a screen reader.

Such things as:

"skip to main content"
"Skip navigation"

I can provide information on how to do that if you want.

In fact, here it is, with apologies if the HTML screws up anybody's email clients, and be careful of line-wrapping:

<style>

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

</style>

And at the top of the page:

<a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>

(that href will not be visible, but my screen reader speaks it).

And at the start of the content:


<div class="container" id="content" role="main">

Don't forget to close that div. Or perhaps it could be "<div.../>".

And you can see how to create other landmarks and invisible links.

Audible to my screen reader, but not visible to photon-dependent types.

Mike








--
Michael A. Ray
Software engineer
Witley, Surrey, South-east UK

He/him/cis

"Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away." -- A. de Saint-Exupery



_______________________________________________
Hpr mailing list
Hpr@hackerpublicradio.org
http://hackerpublicradio.org/mailman/listinfo/hpr_hackerpublicradio.org

Reply via email to