」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 我希望擁有的 HTML(第 2 部分)

我希望擁有的 HTML(第 2 部分)

發佈於2024-11-01
瀏覽:756

The HTML I Wish I Had (pt. 2)

HTML 應該為人服務

任何創新都應該以人為本。最終的結果應該是人類的幸福。人口的驅動目標百分比影響走向幸福。這就是如何實現最大的善意。

大多數人認為,一個組織擁有一定範圍的人員來承擔「走向幸福」的責任是合理的。雖然在我的公司我們反駁了這個說法,但我們可以繼續以這個想法檢查 HTML。

在 HTML 環境中,受影響的人口百分比是很多。其技術術語甚至可以被視為“有人居住的地球”。任何活著的網路使用者都會收到 WHATWG(定義 HTML 的工作小組)的下游決策。

這個工作小組在語意元素的決策中沒有公平地對待人類觀眾。它對人類讀者沒有任何作用。它使體驗變得更加冗長、複雜,並且根據 DevEx 將認知負荷分類為不良的傳統,這些附加元素使體驗更糟。

我希望聽到這樣的想法:「但是,但是......可訪問性!」我會說清楚的。可訪問性不是可選的,而是必需的。我希望聽到這種有爭議的想法,因為優秀的 HTML 開發人員都會記住這一點。然而,這裡有一個需要吞下的藥丸:語義元素對可訪問性沒有任何幫助。螢幕閱讀器(螢幕閱讀器只是一個網頁抓取工具)可能實現對元素的一些理解,但也可能不會!而且現在是2024年了,這方面還沒有標準化。此外,不同開發人員之間處理資訊的演算法必然有所不同,人類讀者想要了解的有關頁面的資訊也必須有所不同!

語意元素只是為了極少數人的利益而變得複雜的一步。 WHATWG 最初是一家由網路產業「主要」參與者組成的公司,很明顯他們的優先事項有偏差。對於以網頁抓取為業務模式的公司來說,這是一項有價值的技術,不是為了可訪問性,而是為了內容聚合(即搜尋引擎)。

HTML 應該是為人服務的。人類經驗和該領域的改進(一般來說,不是財務上的)應該成為任何具有 HTML 有效影響力的重大創新的目標。相反,我們用技術來回答這個問題「如何描述這一部分的特徵?」

更好地說,這是一個秘密答案,因為沒有生物能夠讀取該問題的答案。 商業實體不是生物。網路爬蟲不是一個有生命的東西。只有軟體編寫者知道它的存在,並且如上所述,添加到規範中的效果是增加認知負荷和體驗惡化

偉大的 ?


這是由 3 部分組成的系列的第 2 部分。

  • 九月25: HTML 創新
  • 九月27: HTML 應該為人服務
  • 9 月 28 日: HTML For People

留言告訴我們如何讓 HTML 提供更好的體驗!

如果您有興趣為人類幸福而製作超文本應用程序,請參加救贖聚會!救世公司,我們得救的地方。哦,我聽說該 HTML 手冊的作者是會員,我確信會員庫中有可共享的手稿!

版本聲明 本文轉載於:https://dev.to/theholyspirit/the-html-i-wish-i-had-pt-2-10ki?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 使用 JSON-LD 提升部落格的 SEO:我如何使用結構化資料添加豐富的結果
    使用 JSON-LD 提升部落格的 SEO:我如何使用結構化資料添加豐富的結果
    Introduction A few years ago in 2022, I attended SCaLE 19x. For those who are not aware, SCaLE is an acronym which stands for Southern Califo...
    程式設計 發佈於2024-11-07
  • create-next-app 使用此套件驗證您的應用程式名稱
    create-next-app 使用此套件驗證您的應用程式名稱
    在本文中,我們分析 create-next-app 如何驗證您的專案名稱。 validate: (name) => { const validation = validateNpmName(basename(resolve(name))) if (validation.valid) { ...
    程式設計 發佈於2024-11-07
  • 幕後反應:到底發生了什麼事?
    幕後反應:到底發生了什麼事?
    React 長期以來一直是首選的 JavaScript 函式庫,並且很容易成為世界上最受歡迎的函式庫之一。此外,隨著 Next.js 和 Remix 等流行框架建立在 React 之上,以及使用 React-Native 進行行動開發的能力,這個函式庫不會很快消失。然而,這樣做的問題是,大多數初學者...
    程式設計 發佈於2024-11-07
  • 使用 Tinder Unblur 個人資料
    使用 Tinder Unblur 個人資料
    Tinder 取消模糊程式碼說明 以下 JavaScript 程式碼是一個腳本,旨在對「喜歡你」部分中的 Tinder 照片進行取消模糊處理。它的工作原理是從 Tinder 的 API 獲取預告圖像並動態更新 DOM 以用清晰的圖像替換模糊的圖像。 async function ...
    程式設計 發佈於2024-11-07
  • 如何確保網站安全:最佳實踐和見解
    如何確保網站安全:最佳實踐和見解
    在當今的數位時代,確保網站的安全至關重要。隨著網路威脅變得越來越複雜,保護您的網站免受潛在漏洞的影響至關重要。以下是增強網站安全性的一些關鍵做法,以及特定網站 HouseOfParty.com 如何在其利基市場中舉例說明安全做法。 使用 HTTPS 描述:HTTPS(安全超文本傳輸協定)會對使用者...
    程式設計 發佈於2024-11-07
  • 如何使用「adjustText」函式庫解決 matplotlib 圖中註解重疊的問題?
    如何使用「adjustText」函式庫解決 matplotlib 圖中註解重疊的問題?
    Matplotlib 中的重疊註釋:綜合解決方案在資料視覺化領域,經常會遇到重疊註釋的問題,其中文字標籤彼此模糊,導致難以解釋圖表。為了應對這項挑戰,人們提出了各種方法,但對於像線重疊的複雜圖形,找到合適的解決方案可能很困難。這篇文章提出了一個使用「adjustText」函式庫的全面解決方案,提供了...
    程式設計 發佈於2024-11-07
  • 如何使用 GORM 檢索列總計?
    如何使用 GORM 檢索列總計?
    使用GORM 檢索列總計在GORM 中,透過幾個簡單的步驟即可實現從資料庫表中取得列的總和.首先,定義一個結構體來表示要檢索的資料。在這種情況下,如果您只需要工資總和,您可以建立一個帶有整數欄位的簡單結構體:type SalarySum struct { Sum float64 }接下來,使...
    程式設計 發佈於2024-11-07
  • 如何存取名稱中帶有空格的類別屬性?
    如何存取名稱中帶有空格的類別屬性?
    存取類別物件中帶有空格的屬性本問題探討如何存取名稱中包含空格的類別屬性。考慮以下範例,其中stdClass 物件具有名為「[Sector]」和「[Date Found]」的屬性:<p>stdClass Object ([Sector] =&gt; Manufacturing [D...
    程式設計 發佈於2024-11-07
  • Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta:列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而,隨著 Beta 2 的後續發布,這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    程式設計 發佈於2024-11-07
  • 如何在 C++ 中正確釋放透過 Placement New 分配的記憶體?
    如何在 C++ 中正確釋放透過 Placement New 分配的記憶體?
    placement new 和delete 難題placement new 和delete 難題在C 中,當使用placement new 運算子分配記憶體時,會出現關於取消分配的適當方法的困境那個記憶。讓我們探討兩個可能的解決方案:const char* charString = "He...
    程式設計 發佈於2024-11-07
  • 單元測試:綜合指南
    單元測試:綜合指南
    单元测试是软件开发的基本实践之一,确保系统的各个单元或组件按预期运行。这些测试隔离小段代码,例如函数或方法,并验证它们在给定特定输入的情况下是否产生正确的输出。本文将深入概述单元测试、其优点、最佳实践和局限性。 什么是单元测试? 单元测试是一种软件测试技术,其中程序的各个单元(最小的可测试部分)被...
    程式設計 發佈於2024-11-07
  • 你應該盲目地用 MySQLi_ 取代 MySQL 函數:一個警世故事嗎?
    你應該盲目地用 MySQLi_ 取代 MySQL 函數:一個警世故事嗎?
    盲目地用mysqli_ 取代mysql_ 函數:一個警示故事在PHP 5.5 中,mysql_ 函數已被棄用,並已在PHP中刪除7. 這就提出了一個問題,是否可以簡單地將所有mysql_ 函數替換為mysqli_函數,而不會遇到任何不利影響。 答案是響亮的不。 功能差異雖然 mysql_ 和 mys...
    程式設計 發佈於2024-11-07
  • 了解 JavaScript 提升:簡單指南
    了解 JavaScript 提升:簡單指南
    如果您是 JavaScript 新手,您可能會遇到令人困惑的情況,即變數似乎未定義或意外彈出 ReferenceError 等錯誤。這通常可以追溯到一個稱為提升的概念。但是什麼是提升,它如何影響您的程式碼? 在本指南中,我們將詳細介紹提升的概念及其在 JavaScript 中的工作原理。最後,您將...
    程式設計 發佈於2024-11-07
  • PHP中如何在指定時間後自動重定向網頁?
    PHP中如何在指定時間後自動重定向網頁?
    使用PHP 在指定時間後自動重新導向網頁PHP 提供了一個方便的功能,可以將網頁自動重新導向到新位置在指定的時間間隔後。此功能通常用於在使用者登入或在網站上執行其他操作後將使用者重新導向到特定頁面。 用於此目的的函數是 header()。 header() 函數可讓您控制傳送到瀏覽器的 HTTP 標...
    程式設計 發佈於2024-11-07
  • ## 在 for 迴圈中呼叫 `array.length` 是效能瓶頸嗎?
    ## 在 for 迴圈中呼叫 `array.length` 是效能瓶頸嗎?
    調用array.length 的成本用for-each 循環取代for 循環時,開發人員經常會遇到以下模式:for (int i = 0, n = a.length; i < n; i ) { ... }而不是更簡單的:for (int i = 0; i < a.length;...
    程式設計 發佈於2024-11-07

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3