add H6 for screenreaders

adds a H6 element before an answer to aid screenreaders in finding the start of an answer

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name         add H6 for screenreaders
// @namespace    http://your.homepage/
// @version      0.1
// @description  adds a H6 element before an answer to aid screenreaders in finding the start of an answer
// @author       rene
// @match        *://*.stackexchange.com/questions/*
// @match        *://*.stackoverflow.com/questions/*
// @match        *://*.superuser.com/questions/*
// @match        *://*.serverfault.com/questions/*
// @grant        none
// ==/UserScript==

(function (){
    var hide = true; // for testing set to false
    
    $('.answer').before(function(index) {
        var score = $(this).find('.vote-count-post').text(), 
            accepted = $(this).find('span.vote-accepted-on'),
            h6 = $('<h6>').html('Answer ' + 
                              (index + 1) + 
                              '(score ' + score + 
                              (accepted.length > 0?', accepted answer':'') + 
                              ')');
        
        // form http://webaim.org/techniques/css/invisiblecontent/
        if (hide) {
            h6.css('position','absolute')
            .css('left', '-10000px')
            .css('top', 'autor')
            .css('width', '1px')
            .css('height', '1px')
            .css('overflow', 'hidden');
        } 
        
        return h6;
    }); 
}());