From 3bd3497cc43add9a1e878d163bb9b466868f45b7 Mon Sep 17 00:00:00 2001 From: ChanceTheHacker Date: Sat, 25 Jul 2020 01:55:52 -0400 Subject: [PATCH] changed {src} to be src={src} because it changed in middle of the tutorial with no explanation as to why --- .../01-introduction/03-dynamic-attributes/text.md | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/site/content/tutorial/01-introduction/03-dynamic-attributes/text.md b/site/content/tutorial/01-introduction/03-dynamic-attributes/text.md index c503b4f548..a2c88626d7 100644 --- a/site/content/tutorial/01-introduction/03-dynamic-attributes/text.md +++ b/site/content/tutorial/01-introduction/03-dynamic-attributes/text.md @@ -7,29 +7,27 @@ Just like you can use curly braces to control text, you can use them to control Our image is missing a `src` — let's add one: ```html - + ``` That's better. But Svelte is giving us a warning: > A11y: <img> element should have an alt attribute -When building web apps, it's important to make sure that they're *accessible* to the broadest possible userbase, including people with (for example) impaired vision or motion, or people without powerful hardware or good internet connections. Accessibility (shortened to a11y) isn't always easy to get right, but Svelte will help by warning you if you write inaccessible markup. +When building web apps, it's important to make sure that they're _accessible_ to the broadest possible userbase, including people with (for example) impaired vision or motion, or people without powerful hardware or good internet connections. Accessibility (shortened to a11y) isn't always easy to get right, but Svelte will help by warning you if you write inaccessible markup. In this case, we're missing the `alt` attribute that describes the image for people using screenreaders, or people with slow or flaky internet connections that can't download the image. Let's add one: ```html -A man dances. +A man dances. ``` -We can use curly braces *inside* attributes. Try changing it to `"{name} dances."` — remember to declare a `name` variable in the `