From 5edbd872222f27dda81773181781bb5dcc376874 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marta=20Garci=CC=81a?= Date: Tue, 19 Sep 2023 17:39:52 +0200 Subject: [PATCH 1/3] feat(html-training): forms label --- pages/html-training.mdx | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/pages/html-training.mdx b/pages/html-training.mdx index 601a181..1664dff 100644 --- a/pages/html-training.mdx +++ b/pages/html-training.mdx @@ -542,6 +542,24 @@ export const StepsList = () => { ``` +## Forms + +### Label + +Each `input` must have a `label` connected which should have a text inside. Thought there are anothers ways to make a form field accesible this is the standar. A quick check that a label is asign to the input is that if you click the label the input it should focus. + +```html + + +``` + +```html + +``` + ## Landmarks Use the appropriate landmarks to identify the different regions of content on a web page. The most important landmark roles are `main` and `navigation`, as nearly every page will include at least those regions. From 1d07516b7193f94a692a62fea48db6aace9d2e8b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marta=20Garci=CC=81a?= Date: Mon, 9 Oct 2023 18:19:34 +0200 Subject: [PATCH 2/3] feat(pages): add blog to ui-bookmarks --- pages/ui-bookmarks.mdx | 1 + 1 file changed, 1 insertion(+) diff --git a/pages/ui-bookmarks.mdx b/pages/ui-bookmarks.mdx index b8f73bc..4b186d7 100644 --- a/pages/ui-bookmarks.mdx +++ b/pages/ui-bookmarks.mdx @@ -31,6 +31,7 @@ - [Stephanie Eckles ](https://thinkdobecreate.com/) - [Manuel Matuzovic](https://www.matuzo.at/) - [HTMHell - Manuel Matuzović](https://www.htmhell.dev/) +- [Eric Bailey](https://ericwbailey.website/) - [Ahmad Shadeed](https://ishadeed.com/) - [Josh W Comeau](https://www.joshwcomeau.com/) - [Web Axe](http://www.webaxe.org/) From 04734b6602d5bae512d587666b5d4d057f58ced3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marta=20Garci=CC=81a?= Date: Mon, 16 Oct 2023 17:39:09 +0200 Subject: [PATCH 3/3] feat(pages): add tool to ui-bookmarks --- pages/ui-bookmarks.mdx | 1 + 1 file changed, 1 insertion(+) diff --git a/pages/ui-bookmarks.mdx b/pages/ui-bookmarks.mdx index 4b186d7..604a544 100644 --- a/pages/ui-bookmarks.mdx +++ b/pages/ui-bookmarks.mdx @@ -49,3 +49,4 @@ - [Free Lottie Animation Files, Tools & Plugins - LottieFiles](https://lottiefiles.com/) - [CSS triangle generator](http://apps.eky.hk/css-triangle-generator/) - [CSS Shorthand Generator](https://shrthnd.volume7.io/) +- [Aspect Ratio Calculator](https://aspectratiocalculator.com/)