Firefox 浏览器附加组件
  • 扩展
  • 主题
    • 适用于 Firefox
    • 字典和语言包
    • 其他浏览器网站
    • 适用于 Android 的附加组件
登录
Page Structure 预览

Page Structure 作者: Nicholas Hoyt

Utilize the Firefox Sidebar to display the structural labels on a web page, including its page title, headings, and landmarks, for web accessibility evaluation.

5 (1 reviews)5 (1 reviews)
87 个用户87 个用户
您需要 Firefox 来使用此扩展
下载 Firefox 并安装扩展
下载文件

扩展元数据

屏幕截图
Sidebar shows the list of all HTML headings on the page, with the 'H1' heading highlighted.Sidebar shows the list of all ARIA landmarks on the page, including their accessible names, with the 'main' landmark highlighted.
关于此扩展
The Page Structure add-on can help you determine whether a web page meets the accessibility requirements for Page Structure, as defined in the Web Content Accessibility Guidelines (WCAG) 2.1 and Accessible Rich Internet Applications (WAI-ARIA) 1.2 specifications. It provides the information you need to answer the following accessibility-related questions:
  • Page Title: Does the title adequately describe the purpose or main content of the page?
  • Headings: Are HTML headings used (h1 ... h6) to break down the content into sections and subsections? Do they properly indicate the hierarchical structure of the content? Does each heading accurately describe the section or subsection that follows?
  • Landmarks: Are ARIA landmarks used to indicate functional regions on the page such as main, navigation, banner (header), contentinfo (footer) and complementary (aside)? When there are multiple occurrences of the same type of landmark region, does each one have a unique descriptive label?

Why use the Page Structure add-on?

Users of screen reader software, such as people who are blind or with low vision, rely on the heading and landmark navigation it provides to (a) get an overview of how the content on the page is structured, and (b) quickly and efficiently move to one of these headings or landmark regions.

For example, at the user's request, screen reader software will sequentially read through a list of headings, indicating the heading level of each, and enable the user to select one of these to navigate to. Likewise with landmarks, the software will list all of the available landmark regions on the page, from which the user may choose.

What makes Page Structure useful? By collecting all of the headings and landmarks available on a page into their respective lists and displaying these in the sidebar, you are provided a perspective that is much closer to what a screen reader user will have.

This allows you, the developer or author of the page, to fine tune and scrutinize the wording and labeling choices of headings and landmarks to ensure that when they are extracted from the page and presented as a list to a screen reader user, they make sense in that context.

When you select a heading or landmark in the sidebar, Page Structure can highlight and scroll into view the selected item on the page. Headings are highlighted with an orange outline, and landmarks use a dark blue outline.
评分 5(1 位用户)
登录以评价此扩展
目前尚无评分

已保存星级评分

5
1
4
0
3
0
2
0
1
0
阅读全部 1 条评价
权限与数据详细了解

必要权限:

  • 读取所有已打开的标签页中的文本
  • 获取浏览器标签页
  • 访问您在所有网站的数据
更多信息
附加组件链接
  • 用户支持网站
版本
0.12.1
大小
29.9 KB
上次更新
2 年前 (2023年4月27日)
相关分类
  • 网页开发
许可证
Mozilla 公共许可证 2.0
版本历史
  • 查看所有版本
添加到收藏集
举报此附加组件
0.12.1 的发布说明
* Added labels to highlight boxes for both Headings and Landmarks
* Heading highlight label displays the HTML element name indicating heading level
* Landmark highlight label displays the ARIA landmark role
* Changed the 'Highlight automatically on selection change' checkbox default to be checked
Nicholas Hoyt 制作的更多扩展
  • 目前尚无评分

  • 目前尚无评分

  • 目前尚无评分

  • 目前尚无评分

  • 目前尚无评分

  • 目前尚无评分

转至 Mozilla 主页

附加组件

  • 关于
  • Firefox 附加组件博客
  • 扩展工坊
  • 开发者中心
  • 开发者政策
  • 社区博客
  • 论坛
  • 报告缺陷
  • 评价指南

浏览器

  • Desktop
  • Mobile
  • Enterprise

产品

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • 隐私
  • Cookie
  • 法律

除非另有注明,否则本网站上的内容可按知识共享 署名-相同方式共享 3.0 或更新版本使用。