Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Accessibilité : Utilisation sans CSS ou sans images #284

Closed
Alkarex opened this issue Nov 21, 2013 · 2 comments
Closed

Accessibilité : Utilisation sans CSS ou sans images #284

Alkarex opened this issue Nov 21, 2013 · 2 comments
Assignees
@Alkarex
Labels
UI 🎨 User Interfaces
Milestone
0.7.0

Comments

@Alkarex
Copy link
Member

Alkarex commented Nov 21, 2013

Permettre une utilisation minimale de FreshRSS sans images et/ou sans CSS.
En particulier, ajouter une alternative texte aux icônes définies actuellement en CSS sous forme d'image (qui n'affichent rien du tout si la CSS ou l'image n'est pas chargée)

  • Si possible, profiter au passage d'afficher cette alternative texte en attendant que l'image soit téléchargée et/ou si l'utilisateur a désactivé les images
@ghost ghost assigned Alkarex Nov 21, 2013
Alkarex added a commit that referenced this issue Nov 21, 2013
@Alkarex
Accessibilité : Quelques alternative Unicode aux icônes
305f143 
FreshRSS est maintenant utilisable en bonne partie sans CSS.
Ce patch inclut un caractère Unicode approprié en plus de certaines
icônes définies en tant qu'image en CSS.
Contribue à #284
Il manque encore certaines icônes, et les alternatives Unicode ne sont
pour l'instant pas montrées si la CSS est chargée mais que les images ne
le sont pas.
Alkarex added a commit that referenced this issue Nov 21, 2013
@Alkarex
Corrections CSS suite aux alternatives Unicode des icônes
4a89d1e 
Contribue à #284
Corrections de
305f143
Alkarex added a commit that referenced this issue Nov 21, 2013
@Alkarex
Correction symbole Unicode
d4fb36f 
Correction de
305f143
Contribue à #284
Alkarex added a commit that referenced this issue Nov 21, 2013
@Alkarex
Symbole Unicode oublié pour lien du bas
5f20ec5 
#284
Alkarex added a commit that referenced this issue Nov 23, 2013
@Alkarex
Encore des alternatives Unicode aux icônes
6236f2a 
Contribue à #284
@Alkarex
Copy link
Member Author

Alkarex commented Nov 23, 2013

Petite note en prévision d'un patch en préparation :

Le code utilisé actuellement dans les CSS de FreshRSS pour proposer du SVG avec du PNG en alternative ne fonctionne pas (seul le SVG est utilisé même pour les navigateurs ne le supportant pas, comme vérifiable avec IE8). En effet, la seconde règle est parfaitement valide et écrase du coup la première. Les extensions dans l'URL n'ont aucun effet.

.read {
    background: url("../icons/read.png") center center no-repeat;
    background: url("../icons/read.svg") center center no-repeat;
}

Il est pas mal plus compliqué de faire cela :
http://www.broken-links.com/2010/06/14/using-svg-in-backgrounds-with-png-fallback/
Et de toute manière, FreshRSS ne supporte pas IE8 pour d'autres raisons aussi (CSS3...)

Alkarex added a commit that referenced this issue Nov 23, 2013
@Alkarex
Nouvelle fonction icon() pour générer le code HTML des icônes
29137c0 
Centralisation de la génération du code des icônes pour pouvoir plus
facilement le changer, en particulier en préparation d'améliorations
futures :
* ajouter des alternatives lorsque l'image n'est pas affichée ;
* améliorer l'accessibilité ;
* permettre de changer les icônes selon le thème graphique choisi ;
* simplifier les CSS.

Contribue à #284
Alkarex added a commit that referenced this issue Nov 23, 2013
@Alkarex
Améliorations suite à icon()
632423d 
Contribue à #284
Alkarex added a commit that referenced this issue Nov 24, 2013
@Alkarex
Suite de icon()
2e38774 
Contribue à #284
Alkarex added a commit that referenced this issue Nov 24, 2013
@Alkarex
Suppression des PNGs inutilisés
20acba3 
Voir
#284 (comment)
Alkarex added a commit that referenced this issue Nov 24, 2013
@Alkarex
Refactorise icon() dans RSSThemes::icon
d85e6c5 
Contribue à #284
Alkarex added a commit that referenced this issue Nov 24, 2013
@Alkarex
Refactorise RSSThemes
eae19e1 
* Évite de charger les informations de tous les thèmes lorsque ce n'est
pas nécessaire (c.à.d. en dehors de la page de configuration).
* Permettra de choisir des icônes différentes selon les thèmes sans
nécessairement passer par une CSS.
* Contribue à #284
Alkarex added a commit that referenced this issue Nov 24, 2013
@Alkarex
Accessibilité sans images (expérimentation)
ab26cb6 
Expérimentation : utilisation de vraies images à la place des icônes
générées en CSS.
Permet de fournir un texte alternatif affiché en cas de non-chargement
de l'image (par choix ou problème réseau par exemple).
Meilleure sémantique (plutôt que le tag i détourné).
Implémente #284
Il est toujours possible de changer d'icônes selon les thèmes grâce à
RSSThemes.php
@Alkarex
Copy link
Member Author

Alkarex commented Nov 24, 2013

Voilà comment cela a l'air lorsque les images sont désactivées (ou qu'elles n'ont pas pu se charger par exemple à cause d'une mauvaise connexion - problème observé il y a quelques jours dans le train, ce qui m'a donné l'idée) :

freshrss sans images

Tout semble fonctionnel. Et la version avec images complètes devrait être visuellement inchangée.

En gardant le <i> d'origine, il serait difficile de faire une version accessible, et qui afficherait le texte alternatif lorsque le chargement a échoué (il faudrait pour cela ne pas avoir d'images transparentes) :

@Alkarex Alkarex closed this as completed Nov 24, 2013
@Alkarex Alkarex removed the En cours label Jul 5, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Alkarex Alkarex

Labels
UI 🎨 User Interfaces
Projects
None yet
Milestone
0.7.0
Development

No branches or pull requests
1 participant
@Alkarex