├── .gitignore ├── .gitmodules ├── CODE_OF_CONDUCT.md ├── Gemfile ├── Gemfile.lock ├── README.md ├── _config.yml ├── _config_staging.yml ├── _data ├── lang.json ├── navigation.yml ├── techniques.yml ├── translations.yml └── wcag.yml ├── _external └── .nosync ├── _tips ├── acknowledgements.md ├── css │ └── tips.css ├── designing.fr.md ├── designing.id.md ├── designing.ja.md ├── designing.md ├── developing.fr.md ├── developing.id.md ├── developing.ja.md ├── developing.md ├── img │ ├── arrow-down.png │ ├── arrow-right.png │ ├── audio-description.svg │ ├── browser.png │ ├── carousel_controls.png │ ├── clear_text_diagram.png │ ├── content_in_browser.png │ ├── content_in_phone.png │ ├── example_media_player.png │ ├── headings-good.png │ ├── headings-poor.png │ ├── icons.svg │ ├── padlock.png │ ├── phone_charging.png │ ├── pointer.png │ └── trainer.png ├── index.fr.md ├── index.id.md ├── index.md ├── writing.fr.md ├── writing.id.md ├── writing.ja.md └── writing.md ├── netlify.toml └── w3c.json /.gitignore: -------------------------------------------------------------------------------- 1 | _site 2 | .*-cache 3 | .jekyll-metadata 4 | .DS_Store 5 | .netlify -------------------------------------------------------------------------------- /.gitmodules: -------------------------------------------------------------------------------- 1 | [submodule "_external/data"] 2 | path = _external/data 3 | url = https://github.com/w3c/wai-website-data.git 4 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Code of Conduct 2 | 3 | All documentation, code and communication under this repository are covered by the [W3C Code of Ethics and Professional Conduct](https://www.w3.org/Consortium/cepc/). 4 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | gem "wai-gems", :path => "_external/data/wai-gems" -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | PATH 2 | remote: _external/data/wai-gems 3 | specs: 4 | wai-gems (1.0.0) 5 | jekyll-github-metadata 6 | jekyll-include-cache 7 | jekyll-paginate 8 | jekyll-redirect-from 9 | jekyll-relative-links 10 | jekyll-remote-theme 11 | jekyll-seo-tag 12 | jekyll-sitemap 13 | wai-website-plugin 14 | 15 | GEM 16 | remote: https://rubygems.org/ 17 | specs: 18 | addressable (2.8.7) 19 | public_suffix (>= 2.0.2, < 7.0) 20 | bigdecimal (3.1.8) 21 | colorator (1.1.0) 22 | concurrent-ruby (1.3.3) 23 | em-websocket (0.5.3) 24 | eventmachine (>= 0.12.9) 25 | http_parser.rb (~> 0) 26 | eventmachine (1.2.7) 27 | faraday (2.9.2) 28 | faraday-net_http (>= 2.0, < 3.2) 29 | faraday-net_http (3.1.0) 30 | net-http 31 | ffi (1.17.0-arm64-darwin) 32 | ffi (1.17.0-x86_64-linux-gnu) 33 | forwardable-extended (2.6.0) 34 | google-protobuf (4.27.2-arm64-darwin) 35 | bigdecimal 36 | rake (>= 13) 37 | google-protobuf (4.27.2-x86_64-linux) 38 | bigdecimal 39 | rake (>= 13) 40 | http_parser.rb (0.8.0) 41 | i18n (1.14.5) 42 | concurrent-ruby (~> 1.0) 43 | jekyll (4.3.3) 44 | addressable (~> 2.4) 45 | colorator (~> 1.0) 46 | em-websocket (~> 0.5) 47 | i18n (~> 1.0) 48 | jekyll-sass-converter (>= 2.0, < 4.0) 49 | jekyll-watch (~> 2.0) 50 | kramdown (~> 2.3, >= 2.3.1) 51 | kramdown-parser-gfm (~> 1.0) 52 | liquid (~> 4.0) 53 | mercenary (>= 0.3.6, < 0.5) 54 | pathutil (~> 0.9) 55 | rouge (>= 3.0, < 5.0) 56 | safe_yaml (~> 1.0) 57 | terminal-table (>= 1.8, < 4.0) 58 | webrick (~> 1.7) 59 | jekyll-github-metadata (2.16.1) 60 | jekyll (>= 3.4, < 5.0) 61 | octokit (>= 4, < 7, != 4.4.0) 62 | jekyll-include-cache (0.2.1) 63 | jekyll (>= 3.7, < 5.0) 64 | jekyll-paginate (1.1.0) 65 | jekyll-redirect-from (0.16.0) 66 | jekyll (>= 3.3, < 5.0) 67 | jekyll-relative-links (0.7.0) 68 | jekyll (>= 3.3, < 5.0) 69 | jekyll-remote-theme (0.4.3) 70 | addressable (~> 2.0) 71 | jekyll (>= 3.5, < 5.0) 72 | jekyll-sass-converter (>= 1.0, <= 3.0.0, != 2.0.0) 73 | rubyzip (>= 1.3.0, < 3.0) 74 | jekyll-sass-converter (3.0.0) 75 | sass-embedded (~> 1.54) 76 | jekyll-seo-tag (2.8.0) 77 | jekyll (>= 3.8, < 5.0) 78 | jekyll-sitemap (1.4.0) 79 | jekyll (>= 3.7, < 5.0) 80 | jekyll-watch (2.2.1) 81 | listen (~> 3.0) 82 | kramdown (2.4.0) 83 | rexml 84 | kramdown-parser-gfm (1.1.0) 85 | kramdown (~> 2.0) 86 | liquid (4.0.4) 87 | listen (3.9.0) 88 | rb-fsevent (~> 0.10, >= 0.10.3) 89 | rb-inotify (~> 0.9, >= 0.9.10) 90 | mercenary (0.4.0) 91 | net-http (0.4.1) 92 | uri 93 | octokit (6.1.1) 94 | faraday (>= 1, < 3) 95 | sawyer (~> 0.9) 96 | pathutil (0.16.2) 97 | forwardable-extended (~> 2.6) 98 | public_suffix (6.0.0) 99 | rake (13.2.1) 100 | rb-fsevent (0.11.2) 101 | rb-inotify (0.11.1) 102 | ffi (~> 1.0) 103 | rexml (3.3.1) 104 | strscan 105 | rouge (4.3.0) 106 | rubyzip (2.3.2) 107 | safe_yaml (1.0.5) 108 | sass-embedded (1.77.5) 109 | google-protobuf (>= 3.25, < 5.0) 110 | rake (>= 13) 111 | sass-embedded (1.77.5-arm64-darwin) 112 | google-protobuf (>= 3.25, < 5.0) 113 | sawyer (0.9.2) 114 | addressable (>= 2.3.5) 115 | faraday (>= 0.17.3, < 3) 116 | strscan (3.1.0) 117 | terminal-table (3.0.2) 118 | unicode-display_width (>= 1.1.1, < 3) 119 | unicode-display_width (2.5.0) 120 | uri (0.13.0) 121 | wai-website-plugin (0.2) 122 | jekyll (>= 3.6, < 5.0) 123 | webrick (1.8.1) 124 | 125 | PLATFORMS 126 | x86_64-linux 127 | 128 | DEPENDENCIES 129 | wai-gems! 130 | 131 | BUNDLED WITH 132 | 2.5.14 133 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | > [!IMPORTANT] 2 | > This repository has been archived 16 July 2024. 3 | > 4 | > [Tips for Getting Started](https://www.w3.org/WAI/tips/) resource is now edited in the [wai-website](https://github.com/w3c/wai-website) repository. 5 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Welcome to Jekyll! 2 | # 3 | # This config file is meant for settings that affect your whole blog, values 4 | # which you are expected to set up once and rarely need to edit after that. 5 | # For technical reasons, this file is *NOT* reloaded automatically when you use 6 | # 'jekyll serve'. If you change this file, please restart the server process. 7 | 8 | # Site settings 9 | title: "Web Accessibility Initiative (WAI)" 10 | email: your-email@domain.com 11 | description: > # this means to ignore newlines until "baseurl:" 12 | The Website of the World Wide Web Consortium’s Web Accessibility Initiative. 13 | baseurl: "/wai-quick-start" # the subpath of your site, e.g. /blog 14 | url: "https://w3c.github.io" # the base hostname & protocol for your site 15 | twitter: 16 | username: w3c_wai 17 | author: w3c_wai 18 | exclude: 19 | - "_external" 20 | - "Gemfile" 21 | - "Gemfile.lock" 22 | - "README.md" 23 | - "w3c.json" 24 | 25 | # Build settings 26 | markdown: kramdown 27 | kramwdown: 28 | toc_levels: 2..3 29 | input: GFM 30 | syntax_highlighter: rouge 31 | highlighter: rouge 32 | repository: w3c/wai-quick-start 33 | 34 | ytkey: AIzaSyCiZ9uToWu9jb7BTx47NtzCvmGGXKXp8nI 35 | 36 | remote_theme: w3c/wai-website-theme 37 | 38 | collections: 39 | tips: 40 | area: "All Areas" 41 | name: "Tips for Getting Started" 42 | shortname: Getting Started Tips 43 | icon: "book" # TODO 44 | repostitory: w3c/wai-quick-start 45 | output: true 46 | acknowledgements: false 47 | permalink: /:collection/:path/ 48 | 49 | defaults: 50 | - 51 | scope: 52 | path: "_tips" 53 | values: 54 | layout: "default" 55 | 56 | plugins: 57 | - jekyll-seo-tag 58 | - jekyll-sitemap 59 | - jekyll-redirect-from 60 | - jekyll-include-cache 61 | - jekyll-remote-theme 62 | - jekyll-paginate 63 | - wai-website-plugin 64 | -------------------------------------------------------------------------------- /_config_staging.yml: -------------------------------------------------------------------------------- 1 | baseurl: "/" # the subpath of your site, e.g. /blog 2 | url: "" # the base hostname & protocol for your site 3 | 4 | -------------------------------------------------------------------------------- /_data/lang.json: -------------------------------------------------------------------------------- 1 | ../_external/data/lang.json -------------------------------------------------------------------------------- /_data/navigation.yml: -------------------------------------------------------------------------------- 1 | ../_external/data/navigation.yml -------------------------------------------------------------------------------- /_data/techniques.yml: -------------------------------------------------------------------------------- 1 | ../_external/data/techniques.yml -------------------------------------------------------------------------------- /_data/translations.yml: -------------------------------------------------------------------------------- 1 | ../_external/data/translations.yml -------------------------------------------------------------------------------- /_data/wcag.yml: -------------------------------------------------------------------------------- 1 | ../_external/data/wcag.yml -------------------------------------------------------------------------------- /_external/.nosync: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/wai-quick-start/018fa38e558c2bbde8b7fe0bb04e3173fbb599a8/_external/.nosync -------------------------------------------------------------------------------- /_tips/acknowledgements.md: -------------------------------------------------------------------------------- 1 | --- 2 | # Do not translate Acknowledgements page for now. 3 | title: Acknowledgements 4 | nav_title: Acknowledgements 5 | lang: en 6 | last_updated: 2016-04-15 7 | 8 | github: 9 | repository: w3c/wai-quick-start 10 | path: '_tips/acknowledgements.md' 11 | 12 | permalink: /tips/acknowledgements/ 13 | ref: /tips/acknowledgements/ 14 | 15 | nosidenav: true 16 | 17 | acknowledgements: /tips/acknowledgements/ 18 | footer: > 19 |

20 | Status: 21 | Updated 22 | 15 April 2016 23 | (first published September 2015) 24 |
25 | Editors: 26 | Kevin White, 27 | Shadi Abou-Zahra, and 28 | Shawn Lawton Henry. 29 | ACKNOWLEDGEMENTS. 30 | Developed by the Education and Outreach Working Group (EOWG). 31 | Developed with support from the WAI-DEV project, co-funded by the European Commission IST Programme. 32 |

33 | --- 34 | 35 | [Tips for Getting Started with Web Accessibility](/tips/) are developed by 36 | the [Education Outreach Working Group (EOWG)](https://www.w3.org/WAI/EO/). They were 37 | initially developed with support from the [WAI-DEV](https://www.w3.org/WAI/DEV/) project, 38 | co-funded by the European Commission IST Programme. 39 | 40 | Project Leadership 41 | ------------------ 42 | 43 | ### Lead editor 44 | 45 | - [Kevin White](https://www.w3.org/People/kevin), W3C WAI 46 | 47 | ### Supporting editors 48 | 49 | - [Shadi Abou-Zahra](https://www.w3.org/People/shadi), W3C WAI 50 | - [Shawn Lawton Henry](https://www.w3.org/People/shawn), W3C WAI 51 | 52 | ### Project coordinator 53 | 54 | - [Shadi Abou-Zahra](https://www.w3.org/People/shadi), W3C WAI 55 | 56 | ### EOWG chairs 57 | 58 | - Sharron Rush, Knowbility, Inc 59 | - [Shawn Lawton Henry](https://www.w3.org/People/shawn), W3C WAI 60 | 61 | Contributing EOWG Participants 62 | ------------------------------ 63 | 64 | - Andrew Arch, Australian Government Information Management Office 65 | - Anna Belle Leiserson 66 | - Brent Bakken, Pearson 67 | - David Berman 68 | - [Eric Eggert](https://www.w3.org/People/yatil), W3C WAI 69 | - George Heake 70 | - Howard Kramer 71 | - James Green 72 | - Jonathan Metz 73 | - Lydia Harkey 74 | - Sharron Rush, Knowbility, Inc 75 | - Sylvie Duchateau 76 | - Vicki Menezes Miller 77 | - Wayne Dick, Knowbility, Inc 78 | 79 | Credits 80 | ------- 81 | 82 | The Designing icon and phone example under [Write meaningful text 83 | alternatives for 84 | images](writing.html#write-meaningful-text-alternatives-for-images) were 85 | created by Jonathan Metz, an EOWG participant. The photo used in the 86 | media player example in [Include image and media alternatives in your 87 | design](designing.html#include-image-and-media-alternatives-in-your-design) 88 | was provided by Ciar White. Megaphone icon from 89 | [Flaticon](http://www.flaticon.com) is licensed under [CC BY 90 | 3.0](http://creativecommons.org/licenses/by/3.0/). All other icons are 91 | from [Font Awesome](http://fontawesome.io) by Dave Gandy. 92 | -------------------------------------------------------------------------------- /_tips/developing.id.md: -------------------------------------------------------------------------------- 1 | --- 2 | # Translation instructions are after the "#" character in this first section. They are comments that do not show up in the web page. You do not need to translate the instructions after "#". 3 | # In this first section, do not translate the words before a colon. For example, do not translate "title:". Do translate the text after "title:" 4 | 5 | title: "Mengembangkan untuk Aksesibilitas Web – Kiat Memulai" 6 | title_html: "Mengembangkan untuk Aksesibilitas Web" 7 | nav_title: "Kiat Pengembangan" 8 | lang: id # Change "en" to the translated-language shortcode 9 | last_updated: 2024-03-13 # Put the date of this translation YYYY-MM-DD (with month in the middle) 10 | 11 | resource: 12 | ref: /tips/ 13 | 14 | navigation: 15 | previous: /tips/designing/ 16 | 17 | translators: # remove from the beginning of this line and the lines below: "# " (the hash sign and the space) 18 | - name: "Fri Rasyidi" # Replace Jan Doe with translator name 19 | # - name: "Jan Doe" # Replace Jan Doe with name, or delete this line if not multiple translators 20 | # contributors: 21 | # - name: "Jan Doe" # Replace Jan Doe with contributor name, or delete this line if none 22 | # - name: "Jan Doe" # Replace Jan Doe with name, or delete this line if not multiple contributors 23 | 24 | github: 25 | repository: w3c/wai-quick-start 26 | path: _tips/developing.id.md # Add the language shortcode to the middle of the filename, for example: content/index.fr.md 27 | 28 | permalink: /tips/developing/id # Add the language shortcode to the end, with no slash at the end. For example /path/to/file/fr 29 | ref: /tips/developing/ # Do not change this 30 | 31 | ext_css: tips.css 32 | title_icon: /tips/img/icons.svg#developing 33 | 34 | acknowledgements: /tips/acknowledgements/ 35 | 36 | # In the footer below: 37 | # Do not change the dates 38 | # Do not translate ACKNOWLEDGEMENTS 39 | # Translate the other words, including "Date:" and "Editors:" 40 | # Translate the Working Group name. Leave the Working Group acronym in English. 41 | footer: > 42 |

Date: Perubahan minor 9 Januari 2019. Diperbarui 15 April 2016. Pertama kali dipublikasikan September 2015.

43 |

Editor: Kevin White, Shadi Abou-Zahra, and Shawn Lawton Henry. ACKNOWLEDGEMENTS memuat daftar kredit dan kontributor.

44 |

Dikembangkan oleh Kelompok Kerja Edukasi dan Pendampingan (EOWG). Dikembangkan sebagai bagian dari proyek WAI-DEV, didanai bersama oleh Komisi Eropa.

45 | --- 46 | 47 | {::nomarkdown} 48 | {% include box.html type="start" h="2" title="Ringkasan" class="full" %} 49 | {:/} 50 | 51 | Halaman ini memperkenalkan beberapa pertimbangan mendasar untuk membantu Anda mulai mengembangkan konten web yang lebih aksesibel bagi penyandang disabilitas. Kiat-kiat ini merupakan praktik yang baik dalam membantu Anda memenuhi persyaratan Pedoman Aksesibilitas Konten Web (WCAG). Ikuti tautan ke persyaratan WCAG terkait, latar belakang terperinci dalam dokumen "Memahami", panduan dari Tutorial, kisah pengguna, dan banyak lagi. 52 | 53 | {::nomarkdown} 54 | {% include box.html type="end" %} 55 | {:/} 56 | 57 | {::options toc_levels="2" /} 58 | 59 | {::nomarkdown} 60 | {% include_cached toc.html type="start" title="Daftar Isi" class="full" %} 61 | {:/} 62 | 63 | - TOC is created automatically. 64 | {:toc} 65 | 66 | {::nomarkdown} 67 | {% include_cached toc.html type="end" %} 68 | {:/} 69 | 70 | 71 | 72 | ## Kaitkan label dengan setiap kontrol pada isian 73 | 74 | Gunakan atribut `for` pada elemen `