91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

站長提高網站易用性的代碼優化技巧有哪些

發布時間:2021-09-30 14:04:09 來源:億速云 閱讀:113 作者:iii 欄目:移動開發

本篇內容主要講解“站長提高網站易用性的代碼優化技巧有哪些”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“站長提高網站易用性的代碼優化技巧有哪些”吧!

1. 給logo添加替代文本

這樣有兩個好處:屏幕閱讀器能識別logo圖片代表的含義,圖片未加載到時,也能告訴非視障用戶那里是你的logo。
幾種方法:

代碼如下:

<img src="logo.png" alt="前端界">


或者,你用背景圖來實現logo的話,也可以添加title屬性來實現:

代碼如下:

<span title="前端界"></span>
</code>


當然,鏈接+背景圖的方式是最好的,但最好也加上title屬性:

代碼如下:

<a title="前端界">前端界</a>

2.添加基本的Landmarks

ARIA Landmark是W3C定義的一套網站可用性規則,對于網站不同的模塊添加描述性的Landmark&mdash;&mdash;或者直接叫role,有利于讀屏軟件更好的理解你的網頁,從而讓視障用戶更好的使用你的網站。

代碼如下:

<nav role="navigation">
<div id="maincontent" role="main">
<form action="search.php" role="search">


等等,具體的規則請查看W3C的建議。
 
3.增強focus定義

其實很多網站會用盡一切辦法去掉瀏覽器的:focus樣式,特別是對于IE瀏覽器,其實,瀏覽器默認帶上:focus樣式是有道理的,它能指示用戶當前的鼠標焦點位置是在哪里。這個對于鍵盤流特別重要。
所以請不要去掉:focus樣式,甚至,你覺得默認的樣式不好看或者不統一(IE是虛線框,Webkit是高亮的實線框,并且,Safari是藍色,Chrome是橙色)也可以自己給定義一個高亮色:

代碼如下:

a:focus{
   outline:1px solid red;
   background:yellow;
}


如果你的產品經理或者視覺設計師堅持要去掉focus狀態的話,把TA的鼠標拿走一天并告訴TA只能用Tab切換鏈接就好了&hellip;&hellip;
 
4.定義必填表單項

用aria-required屬性可以定義表單中的必填項&mdash;&mdash;嗯,主要還是告訴讀屏軟件:

代碼如下:

<input type="text" name="username" aria-required="true">


5.給頁面添加一個h2


原因很簡單,不只是有利于SEO,對網站整體的可用性和可讀性都很有幫助。另外,你沒有代碼潔癖么?
 
6.定義表格的表頭

通常很多人習慣表格全部使用td標簽,其實,表格不止有hd標簽,還有th、col、scope等。
所以簡單來說,表頭換成th標簽吧:

代碼如下:


<th scope="col">Date</th>


7.定義表格描述


不要簡單的在表格前面/后面加個p了事了,表格有專用的caption標簽可用,就像圖片一樣。

代碼如下:

<table>
   <caption>Class Schedule</caption>
<tr>
   &hellip;&hellip;

 
8.避免“點擊此處”

雖然這樣的鏈接描述對普通人都無所謂,但是對讀屏軟件來說,是相當糟糕的,它其實是對視障用戶的一種干擾。
所以,直接把鏈接用到正地方吧。
 
9.去掉tabindex

曾經,很多人用tabindex來“增強”用戶體驗,但是這個屬性卻會打亂頁面的正常閱讀順序,對視障用戶是災難性的,對普通用戶也未必是友善的。
所以千萬不要濫用tabindex屬性。

到此,相信大家對“站長提高網站易用性的代碼優化技巧有哪些”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

兴化市| 桐庐县| 南城县| 涪陵区| 海晏县| 道真| 安多县| 阳东县| 萍乡市| 陆川县| 乌兰浩特市| 酒泉市| 天等县| 民县| 永平县| 应用必备| 黄浦区| 庆云县| 稻城县| 安康市| 北票市| 新巴尔虎右旗| 玉龙| 广平县| 灵寿县| 怀远县| 辰溪县| 雷州市| 方城县| 江阴市| 五家渠市| 朔州市| 武安市| 比如县| 五指山市| 区。| 应城市| 始兴县| 安泽县| 白银市| 湘潭市|