WordPress.org

Ready to get started?Download WordPress

Forums

Fancier Author Box by ThematoSoup
[resolved] How to improve accessibility for the blind (with code fix) (6 posts)

  1. OConsultingGroup
    Member
    Posted 9 months ago #

    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.

    http://wordpress.org/plugins/fancier-author-box/

  2. Slobodan Manic
    Member
    Plugin Author

    Posted 9 months ago #

    Thanks for the suggestion. This makes perfect sense and will be included in next version.

  3. Slobodan Manic
    Member
    Plugin Author

    Posted 9 months ago #

    Implemented this in v1.1.2, submitting it now. Slight different implementation, without inline CSS, but huge thanks for the suggestion.

  4. Wanderlusters
    Member
    Posted 8 months ago #

    Not a huge fan of this addition so I've taken it out manually.

    Any chance of putting in an option to turn it on or off?

    Thanks for the great plugin!

  5. OConsultingGroup
    Member
    Posted 8 months ago #

    Wanderlusters: I'm curious to know...why are you interested ind disabling a feature that improves the usability of your site for people who are blind, have low vision, or have print disabilities?

  6. Wanderlusters
    Member
    Posted 8 months ago #

    Ah I've only just noticed that the text is supposed to be hidden. On our site we run white text on a black background so the text was very much visible. I will re-enable the text and change the css to make it black instead of white.

Reply

You must log in to post.

About this Plugin

About this Topic