Ymmärrä suunnittelu, UX ja saavutettavuus
Tarkkaile konkreettista tehtävää ulkoasun lisäksi. Yhdistä lukujärjestys, nimet, tilat ja virheet. Suuri teksti ja näppäimistö paljastavat esteitä, joita staattinen malli ei näytä.
81 käsitettä määritelmineen ja käytännön neuvoineen.
Hae koko sanastosta
Lukupolku
1. Ohjaa lukemista
- visuaalinen hierarkia
graafinen organisaatio, joka osoittaa, mitä pitäisi nähdä ja ymmärtää ensin koon, kontrastin, tilan ja sijainnin perusteella.
- tietotekniikka
Sisällön, luokkien, tarrojen ja navigointipolkujen organisointi, jotta tietoa on helppo löytää ja ymmärtää.
- lukujärjestys
Järjestys, jossa sivun tai asiakirjan sisältö kohdataan, mukaan lukien näppäimistö tai aputekniikka.
2. Kuvaa vuorovaikutusta
- helppopääsyinen nimi
Nimi Altistetaan aputekniikoille painikkeen, kentän, linkin tai muun interaktiivisen komponentin tunnistaminen.
- komponenttitila
Ohjaimen näkyvä tila, kuten tarkennus, virhe, lataus tai poissaolo.
- Kentän virheilmoitus
Viesti, joka liittyy lomakekenttään, joka selittää ongelman ja odotetun korjauksen.
3. Tarkkaile käyttöä
- käyttökelpoisuus
Helppo, jolla käyttäjät ymmärtävät käyttöliittymän, suorittavat tehtäviä ja välttävät tai toipuvat niistä.
- herkkä muotoilu
Suunnittelu Sovitetaan asettelua, mediaa ja vuorovaikutuksia erikokoisiin ja -olosuhteisiin.
- Cumulative Layout Shift (CLS)
Visuaalisen vakauden mittari, joka perustuu suurimpaan odottamattomien asettelusiirtymien jaksoon.
Hyödylliset erot
vaihtoehtoinen teksti / helppopääsyinen nimi
Vaihtoehtoinen teksti kertoo kuvan tehtävän; saavutettava nimi tunnistaa elementin. Ohjaimena käytetyn kuvan pitää selittää toiminto.
lankakehys / malli
Rautalankamalli tutkii rakennetta; ulkoasumalli tarkentaa esitystä. Kumpikaan ei todista selaimen käyttökulun toimivuutta.
Käytä käsitteitä päätöksenteossa
Tilanne
Lomakevirhe näkyy, mutta kenttä on vaikea löytää näppäimistöllä.
Ennen päätöstä
Tarkista nimi, viestin yhteys ja järjestys. Pelkkä toinen väri ei selitä korjaamista.
Konkreettinen tarkistus
Toista virheellisellä arvolla ilman näkymän suunnittelijan apua.
Kaikki aiheen käsitteet
Linkit avaavat koko määritelmän aakkossivulla. Lyhenteitä ja synonyymejä voi hakea pääsanastosta.
- sivun yläpuolella
- Esteettömyysraportti
- esteettömyyspuu
- digitaalinen esteettömyys
- helppokäyttöinen kuvaus
- helppopääsyinen nimi
- ARIA
- Aria Liven alue
- taidesuunta
- Asettelun katkaisukohta
- Mobiilityöhakemus
- hiili-tietoinen muotoilu
- käyttöliittymäkomponentti
- Lähetysvahvistus
- Cumulative Layout Shift (CLS)
- tumma kuvio
- kaaviokuvaus
- raahaa ja pudota
- esteeton sisäänkäynti
- Kentän virheilmoitus
- Euroopan esteettömyyslaki
- favicon
- FID
- Figma
- aktiivinen suodatin
- First Contentful Paint (FCP)
- keskipiste
- font-display
- verkkolomake
- välke
- hampurilaismenu
- Ikoni
- kuvan optimointi
- tietotekniikka
- Interaction to Next Paint (INP)
- mallimerkki
- JPEG
- ruokalista
- Käyttäjäpolku
- Largest Contentful Paint (LCP)
- Lataa linkki
- Lighthouse
- mediakysely
- liikkuva valikko
- videolaite
- kännykkä
- malli
- Navigointipolku
- lukujärjestys
- lajittelujärjestys
- päällys
- pikasivu
- Tagged pdf
- suoritusbudjetti
- pikseli
- varafontti
- ammattimainen muotokuva
- Pääaloitusosio
- Päänavigointi
- herkkä muotoilu
- tiivistelmä
- Sivutus
- synkronoidut kuvatekstit
- vertailutaulukko
- sapluuna
- vaihtoehtoinen teksti
- typografia
- UI
- käyttökelpoisuus
- UX
- vektorikuva
- Verkkonavigointi
- katselupaikka
- visuaalinen hierarkia
- WCAG
- web-suunnittelu
- WebP
- lankakehys
- z-index
- komponenttitila
- Tulosmääräys
Ensisijaiset lähdeasiakirjat
Asiakirjat selittävät teknisiä käsitteitä. Lukupolut ja esimerkit ovat toimituksellisia menetelmiä projektiin sovellettaviksi.