<commit_before>/*
Bilder och ikoner

Använd bilder och ikoner endast om det finns ett tydligt användarbehov.

Styleguide 5.
*/


/*
Bilder

Tänk på att använda passande proportioner för bilder. För att ge bilder en ram, ange klassen ``.image-frame``

Använd alltid [alt-attributet](http://webaim.org/techniques/alttext/) för bilder. Denna bör innehålla en beskrivande text om bilden. Texten bör vara kort och innehålla viktiga nyckelord. Om bilden används som länk bör alt-texten beskriva vart länken leder istället för bilden i sig. Alt-texten visas som alternativ istället för bilden om denna av olika anledningar inte kan visas. De är även centrala för sökmotorer. Alt-texter underlättar för användare som använder skärmläsare.

[Title-attributet](http://www.searchenginejournal.com/image-alt-text-vs-image-title-whats-the-difference/) kan användas för att ge användaren ytterligare information om bilden. Texten kan vara en längre beskrivning eller en uppmaning för att få användaren att agera. Texten visas när man hovrar över bilden.

Om man vill att [skärmläsare inte ska ta hänsyn till bilden](http://www.w3.org/TR/WCAG20-TECHS/H67.html) så behöver följande gälla:
* alt-attributet används men är tomt (alt=" ").
* title-attributet används inte eller är tomt (alt=" ").

<commit_msg>Fixed tag typo<commit_after>/*
Bilder och ikoner

Använd bilder och ikoner endast om det finns ett tydligt användarbehov.

Styleguide 5.
*/


/*
Bilder

Tänk på att använda passande proportioner för bilder. För att ge bilder en ram, ange klassen ``.image-frame``

Använd alltid [alt-attributet](http://webaim.org/techniques/alttext/) för bilder. Denna bör innehålla en beskrivande text om bilden. Texten bör vara kort och innehålla viktiga nyckelord. Om bilden används som länk bör alt-texten beskriva vart länken leder istället för bilden i sig. Alt-texten visas som alternativ istället för bilden om denna av olika anledningar inte kan visas. De är även centrala för sökmotorer. Alt-texter underlättar för användare som använder skärmläsare.

[Title-attributet](http://www.searchenginejournal.com/image-alt-text-vs-image-title-whats-the-difference/) kan användas för att ge användaren ytterligare information om bilden. Texten kan vara en längre beskrivning eller en uppmaning för att få användaren att agera. Texten visas när man hovrar över bilden.

Om man vill att [skärmläsare inte ska ta hänsyn till bilden](http://www.w3.org/TR/WCAG20-TECHS/H67.html) så behöver följande gälla:
* alt-attributet används men är tomt (alt=" ").
* title-attributet används inte eller är tomt (title=" ").


{'fraction_non_alphanumeric': 0.0735009671179884, 'fraction_numerical': 0.0046421663442940036, 'mean_word_length': 4.537473233404711, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1433320', 'n_tokens_mistral': 962, 'n_tokens_neox': 962, 'n_words': 324}