網站設置ARIA(無障礙閱讀)進行優化的方法

|

網站的ARIA (無障礙富互聯網應用)在代碼標籤沒有明確語義的時候纔會使用,屬於是補充的意義,但是對於SEO/AEO/GEO也有輔助的作用,AI搜索引擎會通過ARIA識別頁面的語義結構和信息定位,但是精確使用ARIA,否則寧願不用。

網站如何使用ARIA( ‌Accessible Rich Internet Applications)?

<div role="banner">banner導航</div>

<form role="search">站內搜索</form>

<a rel="home" href="/">首頁</a>

<footer role="contentinfo">尾部</footer>

<aside aria-label="自定義名稱"></aside>

其實ARIA有很多種定位的標準,也可以自定義使用,但是大多數情況只要使用主要的ARIA屬性就可以了,尤其是要注意避免和標籤自帶的語義產生衝突,如:form標籤就不要使用role="form",這就重複了。

ARIA可以幫助AI識別網站的信息定位。

但是這不是決定性的作用,而是可以提高AI的識別率,尤其是複雜的前端代碼就可以考慮使用ARIA進行定位,使用從技術層面是有利於生成引擎認識網站的情況,而且在傳統搜索引擎也早就符合SEO的標準,所以網站可以添加ARIA,但是不要迷信效果,

哪些類型的網站適合添加ARIA?

交互式、功能性的網站是比較實用使用ARIA,尤其是頁面版塊佈局存在重複標籤的情況,那就有必要用ARIA進行區分定位了,其實就是把內容信息進行區別標識,從而提供清晰的結構狀況,但是要注意有些ARIA屬性值是不能在一個頁面重複使用,所以要明確唯一性。

結語:實際上穀歌和微軟都是支持網站使用ARIA,其實也是屬於用戶體驗方面的優化事項,但是不要氾濫使用,點到為止就可以了。