显示：褪色转盘上没有可打破可访问性

Question

我在http://seontario.org的底部有一个推特褪色旋转木马类型的东西。它使用display：none来显示和隐藏推文。但是显示：none不能与屏幕阅读器一起使用，因为它们不呈现该内容。有关如何做到这一点的任何想法，以便它可以访问？

// TWITTER FEED
jQuery(document).ready(function($){

var latesttweets = $(".latest-tweets ul li");
var tweetIndex = -1;

function showNextTweet() {
    ++tweetIndex;
    latesttweets.eq(tweetIndex % latesttweets.length)
        .fadeIn(600)
        .delay(8000)
        .fadeOut(400, showNextTweet);
}

showNextTweet();
});

Answer 1

也许你可以试试

height: 0;
width: 0;
overflow: hidden;

或者

position: fixed;
top: -999999px;
left: -999999px;