For a blind user who doesn’t know that the “bio” and “latest posts” are tabs, they’re likely to be confused when they click the link and don’t understand why the page isn’t changing. Here is a quick code fix, though a more experienced programmer could probably add on to this to even move the cursor focus to the bio or latest posts content as well.
In “construct-tabs.php,” replace line 225 with this code:
$ts_fab .= '<span style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;">The following two tabs change content below.</span>'; $ts_fab .= '<ul class="ts-fab-list">';
The phrase “The following two tabs change content below” is hidden from view with some basic CSS that is not reliant upon any stylesheets or special classes. I’d really appreciate it if the developer could please incorporate this into future releases.
- The topic ‘How to improve accessibility for the blind (with code fix)’ is closed to new replies.