Tag: 可访问性

显示：褪色转盘上没有一个打破可访问性: 我在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(); });

如何增加jqGrid工具栏/导航栏图标大小以实现可视化访问？: 这是我们收到的一个要求，我们可以增加Struts2-jQuery Grid / jQGrid’工具栏图标’的大小吗？喜欢保存/删除/查找/添加等？在这方面，我们的用户需要视觉可访问性。除了设置浏览器的缩放尺寸外，还有其他解决方案吗？更新（我们如何修复它）：第1步：下载 32px图标精灵网格第2步：将此精灵网格图像放在webapp \ template \ mytheme \ images文件夹中第3步：更新了jquery-ui.css文件（从ThemeRoller为我们的自定义主题生成）步骤4：在ICONS部分更新.ui-state-default类以指向新图像第5步：增加width: 16px; height: 16px; width: 16px; height: 16px; 属性为同一个类第6步：调整每个图像类中的位置第7步：我们使用图像编辑工具来压缩它的大小，以便我们可以制作从32px到24px的所有图标，并改变颜色设置（Hue / Saturation..etc）以获得各种UI状态的不同颜色。 example: Changed .ui-icon-trash { background-position: -176px -96px; } to .ui-icon-trash { background-position: -352px -192px; } 这带来了新尺寸的图标。我们现在面临的唯一挑战是为各种状态（活动，默认，hover和错误）找到合适的32px css精灵网格图标图像。如果ThemeRoller有这个选项来生成各种大小的图标集，那将会很棒。

如何触发：键盘上的有效伪类’输入’按？（仅使用CSS）: CSS： a:focus { opacity: .75 } a:active { transform: translateY(4px) } 意图：键盘用户选项卡链接，使用:focus样式作为视觉提示他们点击enter以激活链接; :active style提供可视按键反馈问题： :active样式可以在鼠标单击时正确触发，但不能触发按键。我可以用CSS解决这个问题吗？

如何在点击时更改图像和alt属性？: 我希望使用JQuery而不是普通的JavaScript更改几个图像，并同时更改图像alt属性以便访问。它应该是容易的，因为我不打算对变化做一些特殊的影响，但我仍然没有找到任何关于它的东西。这是我使用JS的方式（不更改alt属性）： Change Image using Javascript function changeImg(image_id, image_folder){ document.getElementById(image_id).src = image_folder; } Image 1 Image 2 Image 3 Image 4 Image 5 Image 6 Image 7 Image 8 有没有办法避免重复图像/ nameofthesubfolder /？编辑：非常感谢altCognito，但我不明白如何使用此代码为每个图像具有不同的alt属性。也许我忘了提到我在寻找它（我的坏）。