Contoh penerapan accessibility Aria Pattern pada tombol Button element
https://www.smashingmagazine.com/2021/03/good-better-best-untangling-complex-world-accessible-patterns/
#aria #accessibility #button
https://www.smashingmagazine.com/2021/03/good-better-best-untangling-complex-world-accessible-patterns/
#aria #accessibility #button
Smashing Magazine
Good, Better, Best: Untangling The Complex World Of Accessible Patterns — Smashing Magazine
How do we know which patterns are good, better, best when it comes to accessibility? Is it better to use an established pattern/library or create new ones? With the myriad of choices available, we can quickly become caught up in a web of confusion on this…
Latihan dari Tailwind Labs tentang pembuatan Backdrop filter dengan Tailwind CSS
https://youtu.be/qGEZdGMgXL4
---
Menambahkan accessibility atau ARIA ke dalam element tombol dengan Tailwind CSS
https://youtu.be/3uzhz0Q_vUg
---
Membuat dropdown menu sederhana dengan Tailwind CSS
https://youtu.be/qJnIJa-cF2M
#css #tailwind #backdrop #aria #dropdown
https://youtu.be/qGEZdGMgXL4
---
Menambahkan accessibility atau ARIA ke dalam element tombol dengan Tailwind CSS
https://youtu.be/3uzhz0Q_vUg
---
Membuat dropdown menu sederhana dengan Tailwind CSS
https://youtu.be/qJnIJa-cF2M
#css #tailwind #backdrop #aria #dropdown
YouTube
Filters & Backdrop Filters – What's new in Tailwind CSS
In this video, we take look at the new filter and backdrop-filter utilities added in Tailwind CSS v2.1.
Documentation: https://tailwindcss.com/docs/filter
Source code demo #1: https://play.tailwindcss.com/m2BOMlzA17
Source code demo #2: https://play.tai…
Documentation: https://tailwindcss.com/docs/filter
Source code demo #1: https://play.tailwindcss.com/m2BOMlzA17
Source code demo #2: https://play.tai…
Membuat aplikasi berbasis Vue JS dengan fitur accessibility ARIA
https://www.freecodecamp.org/news/build-accessible-vue-applications/
#vue #aria
https://www.freecodecamp.org/news/build-accessible-vue-applications/
#vue #aria
freeCodeCamp.org
How to Build Accessible Vue Applications
Developing web pages used to involve writing HTML, CSS, and a little scripting code like JavaScript for functionality. But over time, we've developed new and more advanced technologies and frameworks to create webpages. We now use things like reusable components…
Mengenal template dasar HTML5 untuk file index.html dan penjelasan beberapa tag di dalamnya
https://www.freecodecamp.org/news/html-starter-template-a-basic-html5-boilerplate-for-index-html/
---
Beberapa tipe input HTML yang jarang diketahui dan dipakai
https://javascript.plainenglish.io/html-input-types-you-dont-know-about-e885142a0506
---
Menggunakan semantic HTML dan ARIA agar mempermudah accessibility halaman web
https://dev.to/fig781/website-accessibility-with-html-17ap
---
#html #html5 #boilerplate #aria #semantic #accesibility #input
https://www.freecodecamp.org/news/html-starter-template-a-basic-html5-boilerplate-for-index-html/
---
Beberapa tipe input HTML yang jarang diketahui dan dipakai
https://javascript.plainenglish.io/html-input-types-you-dont-know-about-e885142a0506
---
Menggunakan semantic HTML dan ARIA agar mempermudah accessibility halaman web
https://dev.to/fig781/website-accessibility-with-html-17ap
---
#html #html5 #boilerplate #aria #semantic #accesibility #input
freeCodeCamp.org
HTML Starter Template – A Basic HTML5 Boilerplate for index.html
By Dillion Megida HTML has different tags, some of which have semantic meanings. A basic boilerplate for an HTML file looks like this: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...
Latihan membuat aplikasi fullstack JavaScript dengan Next JS dan Harper Db
https://www.freecodecamp.org/news/nextjs-and-harperdb-tutorial-build-a-full-stack-app/
---
Latihan membuat fungsi CRUD dengan Next JS
https://blog.openreplay.com/building-crud-apps-with-nextjs
---
Membuat preview gambar di React JS dengan File Reader API JavaScript
https://blog.logrocket.com/using-filereader-api-preview-images-react/
---
Membuat Navigation Bar responsive dengan React JS
https://blog.logrocket.com/create-responsive-navbar-react-css/
---
Membuat menu bar dengan React JS yang memenuhi syarat accessibility dengan ARIA
https://blog.logrocket.com/building-accessible-menubar-component-react/
---
Latihan sederhana mengenal React Hooks
https://dev.to/8eth/react-hooks-29fp
---
#nextjs #react #preview #image #hooks #aria #navbar #responsive
https://www.freecodecamp.org/news/nextjs-and-harperdb-tutorial-build-a-full-stack-app/
---
Latihan membuat fungsi CRUD dengan Next JS
https://blog.openreplay.com/building-crud-apps-with-nextjs
---
Membuat preview gambar di React JS dengan File Reader API JavaScript
https://blog.logrocket.com/using-filereader-api-preview-images-react/
---
Membuat Navigation Bar responsive dengan React JS
https://blog.logrocket.com/create-responsive-navbar-react-css/
---
Membuat menu bar dengan React JS yang memenuhi syarat accessibility dengan ARIA
https://blog.logrocket.com/building-accessible-menubar-component-react/
---
Latihan sederhana mengenal React Hooks
https://dev.to/8eth/react-hooks-29fp
---
#nextjs #react #preview #image #hooks #aria #navbar #responsive
freeCodeCamp.org
NextJS and HarperDB Tutorial –Build a Full Stack Productivity Timer App
Building full stack applications can be tough. You have to think about frontend, APIs, databases, authentication - and how all of these things work together. So, in this article, I'll show you how to do all of those things using NextJS and HarperDB. We'll…
Tips dan trik dalam menerapkan accessibility di we.
https://www.freecodecamp.org/news/web-accessibility-best-practices-and-checklist/
#web #accessibility #aria
https://www.freecodecamp.org/news/web-accessibility-best-practices-and-checklist/
#web #accessibility #aria
freeCodeCamp.org
Web Accessibility – Best Practices and a Checklist for Developers
The World Health Organization reports [https://www.who.int/teams/noncommunicable-diseases/sensory-functions-disability-and-rehabilitation/world-report-on-disability] that about 15% (1.2 billion) of the world's population lives with some form of disability.…
Referensi beberapa ESLint rules untuk project berbasis Angular yang mengutamakan accessibility
https://dev.to/angular/angular-eslint-rules-for-accessible-html-content-kf5
---
Optimasi ukuran bundle di Angular
https://levelup.gitconnected.com/5-tips-for-optimizing-angular-bundle-size-f0ce5be7c0de
#angular #eslint #aria #accesibility #bundler
https://dev.to/angular/angular-eslint-rules-for-accessible-html-content-kf5
---
Optimasi ukuran bundle di Angular
https://levelup.gitconnected.com/5-tips-for-optimizing-angular-bundle-size-f0ce5be7c0de
#angular #eslint #aria #accesibility #bundler
DEV Community
Angular ESLint Rules for Accessible HTML Content
Content accessibility for built-in HTML elements is the third and final category in this series on...
Tips implementasi ARIA label untuk accessibility
https://www.freecodecamp.org/news/web-accessibility-common-aria-mistakes-to-avoid/
#aria #label
https://www.freecodecamp.org/news/web-accessibility-common-aria-mistakes-to-avoid/
#aria #label
freeCodeCamp.org
Web Accessibility – Common ARIA Mistakes to Avoid
Accessible Rich Internet Applications – or ARIA – is a set of attributes and roles defined by the Web Accessibility Initiative [https://www.w3.org/WAI/]. These make the web more accessible to people with disabilities. ARIA is extremely important for building…