简单阅读技巧

我有一个网站我发展中国家。在过去，我一直回避的大多数“前沿”技术支持技术，将降低老年人/能力较差的浏览器。然而，最近，我敢说？ - Web 2.0的进步提高了可用性。尤其是，谷歌地图API是一个奇迹。好了，所以，在新的网站，我将退出站。样式/的DHTML / AJAX技术等，这是运行得非常好。它增加了我们的网站可用性的一个巨大的程度。并非如此无障碍或有辱人格的旧技术。我常说，最大的事情你可以做，以改善无障碍环境是支持旧版本的浏览器。现在，重要的是要我把代码，以帮助降低良好。我已放弃了对小文件。我自己最大努力保持有效，但网页的大小已不再是＃ 1的驱动因素。可用性是＃ 1 。无障碍环境是＃ 2 ，和页面大小是＃ 3 。为了支持旧版本的浏览器， ＃ 3应该更接近于＃ 1 ，但我不能削弱网站的5 ％的用户将达到它IE5.5/Win98 ，或IE5.2/MacOS 9 。 IE6/XP是我的大目标。我没有太多麻烦利用CSS ，只要我保持相当干线的CSS 2 。涵盖基本理念的新网站。花俏哦男孩，但合格的花俏。现在，技巧：墩＃ 1 ：使用<noscript>和JavaScript分隔一的<form> 。我有一个的<form>拥有一套花式的DHTML弹出菜单，更新incestuously （在这种情况下，你选择一个县，城镇弹出填充到城镇中县） 。当然，如果您有任何的JavaScript ，这套弹出不会工作，您需要提交一份替代集，将不会像带（我不写它，但是这将是一个大驴子弹出了一长串所有的县和乡镇， yuck ） 。所以，你怎么现在这个替代？ <noscript> ，当然。但问题是，无用的DHTML弹出亦会展示，提供了尴尬的用户体验。我们可能会进行优化实现花式的浏览器，但我们不恨我们的非JavaScript的用户。我们很高兴能在这里，我们需要向他们展示。以下是我这： <div id="javascript_stuff" style="display:none"> ...喜欢的东西... “ /科” <noscript> ...不喜欢的东西... “ / noscript ” <script type="text/javascript"> document.getElementById （ &#39; javascript_stuff &#39; ） 。 style.display = &#39;块&#39; ; “ /脚本”墩＃ 2 ：种子文字良好无障碍最佳做法是“种子”一个文本输入文字，如“请输入搜索文本” 。删除的OnClick处理本，以及onfocus和onblur 。 onkeydown也使用，但我不知道我是否需要与onfocus 。下面是一个例子（ dumbed ，以使其更易于理解） ： “输入类型= ”文本“名称= ” text_input “编号= ” text_input “值= http://www.webmasterworld.com//accessibility_usability/ “输入文本” onclick = “如果（ this.valuehttp ： / / www.webmasterworld.com//accessibility_usability/ == &#39;输入文字&#39; ） this.value = &#39;&#39; ” onfocus = “如果（ this.valuehttp ： / / www.webmasterworld.com//accessibility_usability/ == &#39;输入文字&#39; ） this.value = &#39;&#39; “ onkeydown = ”如果（ this.valuehttp ： / / www.webmasterworld.com//accessibility_usability/ == &#39;输入文字&#39; ） this.value = &#39;&#39; “ onblur = ”如果（ this.valuehttp ： / / www.webmasterworld.com//accessibility_usability/ ==&#39;&#39;) this.value = &#39; http://www 。 webmasterworld.com / / accessibility_usability /输入文字&#39; “ / ”到<form> onsubmit处理器将请检查内容“输入文本” ，并不会提出若然。的问题，这一点，是它您没有JavaScript的，那么你就有了一个文本输入有效的文字中。到<form> onsubmit处理常式不会触发，这样你就可以不小心搜索“输入文字” 。它非常容易解决。的： “输入类型= ”文本“名称= ” text_input “编号= ” text_input “值= ” “ onclick = ”如果（ this.valuehttp ： / / www.webmasterworld.com//accessibility_usability/ == &#39;输入文字&#39; ） this.value = &#39;&#39; “ onfocus = ”如果（ this.valuehttp ： / / www.webmasterworld.com//accessibility_usability/ == &#39;输入文字&#39; ） this.value = &#39;&#39; “ ; onkeydown = “如果（ this.valuehttp ： / / www.webmasterworld.com//accessibility_usability/ == &#39;输入文字&#39; ） this.value = &#39;&#39; ” onblur = “如果（ this.valuehttp ： / /万维网。 webmasterworld.com / / accessibility_usability /==&#39;&#39;) this.value = &#39; http://www.webmasterworld.com//accessibility_usability/Enter文字&#39; “ / ” “脚本类型= ”文/ javascript中“ “ document.getElementById （ &#39; text_input &#39; ） 。价值= &#39; http://www.webmasterworld.com//accessibility_usability/Enter文字&#39; ; ” /脚本“墩＃ 3 ：使用会话cookie来告诉服务器有关客户端一个好的东西JavaScript的是，它知道所有有关客户端环境。服务器，但是，失去了线索。有各种各样的代码编写的服务器来读取茶叶了解客户。我不会让演示代码，因为它会过于限制。仅仅宣布会话cookie使用JavaScript在一个网站的目标网页，使客户信息一起。服务器可以查看此信息在其休闲，并利用此信息来船的产量。墩＃ 4 ： <noscript>按钮很简单。许多的<form>要素的设计，这样做就像选择一个新的弹出价值提交表单。现在的问题是，提交是一个JavaScript程序，因此无纸化浏览器还挺拧。您可以采用以下方式处理这个： <选择name="my_switch" onchange="this.form.submit()"> <option selected="selected">选择一个“ /选项” “ ;期权价值= http://www.webmasterworld.com//accessibility_usability/ “ 1 ” “第一个” /选项“ <option value="2">第二个” /选项“ ” /选择“ ; <noscript> <input type="submit" value="GO" /> “ / noscript ”这些都不完美的技术。一个真正的用户可以按确定的网站看到一个NN4和工作的立体难怪，或猞猁用户可以cheesed关闭它（我怀疑山猫用户花费了大量的时间一纸“孩子们这些天来，所有这些亚杜兰图形和诸如此类的东西。 “ ） ，他们只是帮助，他们很容易。小事这样可以使很大的差异。