Notification (Ilmoitus)
Ilmoitus on komponentti, jonka avulla käyttäjälle voidaan välittää olennaista palvelun osaan ja käyttäjän toimintaan liittyvää palautetta ja tietoa. Sitä ei tule käyttää dynaamisesti sivulle ilmestyvänä ilmoituksena.
Et voi muokata tätä versiota
Saavutettavuus ja käytettävyys
- Ilmoituksen otsikkotaso on määriteltävissä käyttötapauksen mukaan. Käytä ilmoituksessa otsikkotasoa, joka ei riko näkymän otsikkojärjestystä.
- Ilmoituskomponentti on semanttisesti section-elementti, jolla on attribuutti role='region'. Tämä mahdollistaa komponentin saavutettavan erottuvuuden sivun muusta sisällöstä.
- Sivulla voi olla yhtä aikaa useita ilmoituksia näkyvissä.
Mistä komponentti koostuu
Komponentti koostuu ilmoituksen tyyppiä kuvaavasta ikonista, otsikosta ja pääsisällöstä sekä "sulje" painikkeesta. Ilmoituksen pääsisällön alle on myös mahdollista lisätä toimintoelementtejä, kuten painikkeita.
Koko ja käyttö
Ilmoituksia voidaan käyttää joko näkymän pääsisällön alussa tai relevantissa paikassa sisällön seassa, ja siitä on olemassa kaksi eri varianttia. Huomioilmoitus kertoo, että palvelussa on jotain huomioitavaa. Huomioilmoituksen tunnisteväri on sininen ja sitä käytetään tilanteissa, jotka eivät vaadi käyttäjältä varsinaista reagointia. Virheilmoitus viestii käyttäjälle merkittävästä virhetilanteesta tai poikkeuksesta tietyssä näkymässä. Virheilmoituksen tunnisteväri on punainen. Kapeilla näytöillä, kuten mobiilissa käytetään lisäksi pienille ruuduille tarkoitettuja tyylejä.
Ilmoituskomponenttia ei tule käyttää dynaamisesti käyttäjän interaktion jälkeen sivulle ilmestyvänä ilmoituksena, vaan se on osa sivun ensimmäisen latauksen sisältöä. Dynaamisesti ilmestyvänä ilmoituksena käytetään InlineAlert (Sisältöheräte) -komponenttia.
Ilmoitus toimintoelementeillä
Ilmoitukseen voidaan tarvittaessa lisätä toimintoelementtejä, jotka näytetään pääsisällön alla.