Accessibility 项目教程
1. 项目的目录结构及介绍
Accessibility 项目的目录结构如下:
Accessibility/
├── CSUN2019/
├── complex-barchart/
├── css/
├── evoHaX/
├── html5ott/
├── images/
├── js/
├── slides/
├── video/
├── web-components/
├── web_accessibility_training/
├── .gitignore
├── LICENSE.txt
├── README.md
├── accessibility-template.html
├── accordion.html
├── announcements.html
├── autocomplete.html
├── barchart.html
├── bookmarklet-acc-tests.html
├── carousel.html
├── closed-captioning.html
├── css-pseudo-content.html
├── date-picker-new.html
├── date-picker.html
├── dialog.html
├── dollars-and-cents.html
├── drop-menu.html
├── em-px-rem.html
├── fake-landing-page.html
├── find-the-bugs.html
├── font-sizing-and-contrast.html
├── form.html
├── index.html
├── json-test.html
├── parse-test-col.html
├── parse-test-td.html
├── pie-chart-dynamic.html
├── pie-chart.html
├── qa-test.html
├── radio-fieldset-example.html
├── resolving-text-test.html
├── sample-iframe-content.html
├── screen-reader-training.html
├── spa.html
├── star-rating.html
├── submit-disabling.html
├── svg.html
├── tab-like-navigation.html
├── table-as-data-graphics.html
├── tables.html
├── testing-all-the-basic-markup.html
├── testing-aria-hidden.html
├── testing-focus.html
├── testing-icon-labeling.html
├── testing-iframe.html
├── testing-m-deyoung-iaap-post.html
├── web-vtt-player.html
目录结构介绍
- CSUN2019/: 包含与CSUN 2019相关的文件。
- complex-barchart/: 包含复杂的柱状图示例文件。
- css/: 包含项目的CSS文件。
- evoHaX/: 包含与evoHaX相关的文件。
- html5ott/: 包含与HTML5 OTT相关的文件。
- images/: 包含项目的图片文件。
- js/: 包含项目的JavaScript文件。
- slides/: 包含项目的幻灯片文件。
- video/: 包含项目的视频文件。
- web-components/: 包含Web组件的文件。
- web_accessibility_training/: 包含Web可访问性培训的文件。
- .gitignore: Git忽略文件。
- LICENSE.txt: 项目的许可证文件。
- README.md: 项目的README文件。
- accessibility-template.html: 可访问性模板文件。
- accordion.html: 手风琴组件示例文件。
- announcements.html: 公告组件示例文件。
- autocomplete.html: 自动完成组件示例文件。
- barchart.html: 柱状图组件示例文件。
- bookmarklet-acc-tests.html: 书签可访问性测试文件。
- carousel.html: 轮播组件示例文件。
- closed-captioning.html: 字幕组件示例文件。
- css-pseudo-content.html: CSS伪内容示例文件。
- date-picker-new.html: 新的日期选择器组件示例文件。
- date-picker.html: 日期选择器组件示例文件。
- dialog.html: 对话框组件示例文件。
- dollars-and-cents.html: 美元和美分组件示例文件。
- drop-menu.html: 下拉菜单组件示例文件。
- em-px-rem.html: 字体单位示例文件。
- fake-landing-page.html: 假着陆页示例文件。
- find-the-bugs.html: 查找错误示例文件。
- font-sizing-and-contrast.html: 字体大小和对比度示例文件。
- form.html: 表单组件示例文件。
- index.html: 项目的主页文件。
- json-test.html: JSON测试示例文件。
- parse-test-col.html: 解析测试列示例文件。
- parse-test-td.html: 解析测试单元格示例文件。
- pie-chart-dynamic.html: 动态饼图组件示例文件。
- pie-chart.html: 饼图组件示例文件。
- qa-test.html: QA测试示例文件。
- radio-fieldset-example.html: 单选按钮字段集示例文件。
- resolving-text-test.html: 解析文本测试示例文件。
- sample-iframe-content.html: 示例iframe内容文件。
- screen-reader-training.html: 屏幕阅读器培训示例文件。
- spa.html: 单页应用示例文件。
- star-rating.html: 星级评分组件示例文件。
- submit-disabling.html: 提交禁用示例文件。
- svg.html: SVG组件示例文件。
- tab-like-navigation.html: 标签式导航示例文件。
- table-as-data-graphics.html: 数据图形表格示例文件。
- tables.html: 表格组件示例文件。
- testing-all-the-basic-markup.html: 测试所有基本标记示例文件。
- testing-aria-hidden.html: 测试ARIA隐藏示例文件。
- testing-focus.html: 测试焦点示例文件。
- testing-icon-labeling.html: 测试图标标签示例文件。
- testing-iframe.html: 测试iframe示例文件。
- testing-m-deyoung-iaap-post.html: 测试M DeYoung IAAP帖子示例文件。
- web-vtt-player.html: WebVTT播放器示例文件。
2. 项目的启动文件介绍
项目的启动文件是 index.html
。这个文件是项目的入口文件,包含了项目的核心内容和导航结构。用户可以通过访问 index.html
来开始使用项目。
3. 项目的配置文件介绍
项目中没有明确的配置文件,但可以通过以下文件进行配置和调整:
- css/ 目录中的CSS文件:用于定义项目的样式和布局。
- js/ 目录中的JavaScript文件:用于定义项目的交互逻辑和功能。
- README.md 文件:包含了项目的介绍、使用说明和许可证信息。
这些文件可以根据需要进行修改和调整,以满足项目的具体需求。