Giter VIP home page Giter VIP logo

joomla-extension-handicapfree's Introduction

編輯器無障礙檢查

安裝方式

設定

  • Joomla > 後台管理 > 擴充套件 > 外掛 > 搜尋「plgSystemHandicapfree」
  • 啟用外掛
  • 點擊 plgSystemHandicapfree 進入設定
  • 在「斷行分隔要啟用比對的網址」貼上要比對的網址。例如希望在「內容 > 文章 > 新增文章」啟用外掛,那麼因為新增文章的網址是「 http://domain/joomla-dev/administrator/index.php?option=com_content&view=article&layout=edit 」,所以我們將網址貼上。在修改文章時網址會出現 「......&id=3」,但因為是比對出現次數,前方的網址字串符合我們的設定網址,所以在修改文章時同樣會啟用外掛。
  • 想在不同編輯器啟用外掛,就貼上不同的比對網址。注意,使用 Enter 鍵斷行即可。

選用設定

window.BridgeHandicapfree

  • 可自行定義一個全域 window.BridgeHandicapfree.lock()window.BridgeHandicapfree.unlock() 來橋接任何外部的 JavaScript。
  • 當出現無障礙錯誤,會回呼 window.BridgeHandicapfree.lock()
  • 沒有任何無障礙錯誤則會回呼 window.BridgeHandicapfree.unlock()

送出後自動處理

<img>

  • 使用 <figure> 包圍
  • 若外層是 <p><div> 則會脫離放置緊鄰的下個元素
  • 僅保留屬性 src、alt

<table>

  • <table> 移除所有屬性
  • <th> 自動添加屬性 scope="col",移除所有屬性除了 scope、colspan、rowspan
  • <td> 移除所有屬性除了 colspan、rowspan

<a> <figure>

  • 若空白內容,則移除元素

編輯時的檢測

  • <a> 使用微軟檔案,如 .docx 則需要添加對應名稱的 PDF 文件
  • <a> 出現超過 1 次以上的連結網址,會出現警告要求合併 (暫時棄用)
  • 檢查 <table> 中是否包含 <th>

joomla-extension-handicapfree's People

Contributors

fdjkgh580-2 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.