Commit 2d989389 authored by Antoine Fauchié's avatar Antoine Fauchié

Initialisation du dépôt

parents

Too many changes to show.

To preserve performance only 1000 of 1000+ files are displayed.

Options -Indexes
# ARCHIVED
# RewriteEngine On
# RewriteCond %{HTTPS} off
# RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}
ErrorDocument 404 /404.html
# SET CSP HEADER
<IfModule mod_headers.c>
Header set Content-Security-Policy "upgrade-insecure-requests"
</IfModule>
<IfModule mod_headers.c>
Header always set X-FRAME-OPTIONS "DENY"
</IfModule>
# CONTENT-TYPE
AddDefaultCharset "utf-8"
# FORCE HTTPS REDIRECTION
RewriteEngine on
RewriteCond %{SERVER_PORT} 80 [OR]
RewriteCond %{HTTP_HOST} ^quaternum\.net$ [NC]
RewriteRule ^(.*) https://www.quaternum.net/$1 [QSA,L,R=301]
# HSTS
<IfModule mod_headers.c>
Header set Strict-Transport-Security "max-age=15811200; includeSubDomains; preload"
</IfModule>
# XSS SECURITY
<IfModule mod_headers.c>
Header always set X-XSS-Protection "1; mode=block"
</IfModule>
# HTTP "X-Content-Type-Options"
<IfModule mod_headers.c>
Header always set X-Content-Type-Options "nosniff"
</IfModule>
# SET-COOKIE
<IfModule mod_headers.c>
Header set Set-Cookie HttpOnly;Secure
</IfModule>
\ No newline at end of file
---
layout: default
title: "404: Page not found"
permalink: 404.html
---
<div class="page">
<h1 class="page-title">404 : page non trouvée</h1>
<p class="lead">Oups, l'URL demandée n'a pas été trouvée...<br>
<a href="{{ site.baseurl }}">Retour à la page d'accueil</a>, ou <a href="/a-propos">sur la page de contact</a>.</p>
</div>
This diff is collapsed.
# Permalinks
permalink: /:year/:month/:day/:title/
# Setup
title: quaternum.net
tagline: carnet d'Antoine
description: "Je suis Antoine, curieux et veilleur du web et de ses formes. Sur quaternum.net je parle de web, de typographie, d'accessibilité, d'architecture de l'information, de design et de livre, notamment."
url: https://www.quaternum.net
baseurl: /
author:
name: Antoine
url: https://www.quaternum.net
email: antoine@quaternum.net
timezone: Europe/Paris
# Custom vars
version: 1.0.0
exclude: [Rakefile, index_sauv.html]
\ No newline at end of file
# put here any directive needed only when deploying
# a special deploy_dir variable specifies the deployment location using rsync
baseurl: https://www.quaternum.net/
deploy_dir: quaternu@ftp.quaternum.net:www
---
layout: post
title: "Encrypt"
date: 2016-02-18 22:00
comments: true
published: false
categories:
- carnet
---
Petit panorama du chiffrement pour le web, suite à quelques actualités plus ou moins récentes.
Petit tour d'horizon d'initiatives récentes autour de la question du chiffrement.
<!-- more -->
## Le chiffrement ?
Pour faire rapide, le chiffrement permet de sécuriser les informations qui circulent entre deux personnes ou deux dispositifs. Chiffrer des communications, c'est s'assurer qu'une information parviendra jusqu'à son destinataire sans être modifiée.
Actuellement, chiffrer le web est le meilleur moyen de défendre les principes du web : un réseau distribué permettant à chacun de lire ou d'écrire...
## Des initiatives différentes mais convergentes
- Apple, avec [http://www.apple.com/customer-letter/](http://www.apple.com/customer-letter/)
- Mozilla avec [Encrypt](http://www.apple.com/customer-letter/) + [https://blog.mozilla.org/blog/2016/02/16/help-us-spread-the-word-encryption-matters/](https://blog.mozilla.org/blog/2016/02/16/help-us-spread-the-word-encryption-matters/)
- [Repatelier GPG](http://makina-corpus.com/blog/metier/2016/repatelier-gpg)
- [Let’s Encrypt](https://letsencrypt.org/)
\ No newline at end of file
---
layout: post
title: "Kit de l'accessibilité numérique"
date: 2016-05-19 19:00
comments: true
published: false
categories:
- carnet
---
À l'occasion du Global Accessibility Awareness Day, voici quelques ressources pour comprendre les enjeux liés à l'accessibilité numérique : définition, domaines concernés, questions techniques et
<!-- more -->
## Qu'est-ce que l'accessibilité numérique ?
## Quels domaines d'application sont concernés par l'accessibilité numérique ?
### Le web
### Les applications
### Le livre numérique
## 2. Des contenus liquides
C'est une notion finalement assez récente pour les *webdesigners*, puisque le *responsive web design* est un concept qui a été massivement utilisé à partir de 2009-2010. Depuis 2007 et la version 2.0 de l'EPUB, le livre numérique est liquide&nbsp;: les contenus -- texte, images -- s'affichent et s'organisent entre eux en fonction de la largeur et de la hauteur de l'écran. Un même texte pourra donc apparaître avec 20, 60 ou 150 signes sur une même ligne.
Par ailleurs, et j'y reviendrai plus loin, l'utilisateur a plus ou moins de libertés selon les dispositifs de lecture qu'il utilise&nbsp;: choix de la typographie, taille des caractères, marges, interligne, etc.
Lors de la conception d'un livre numérique, il faut donc accepter que la mise en forme ne pourra être totalement maîtrisée, puisque tout dépendra&nbsp;:
- du dispositif de lecture utilisé -- le matériel&nbsp;;
- du système d'exploitation du dispositif&nbsp;;
- de l'application de lecture&nbsp;;
- des choix de l'utilisateur.
Contrairement au design web désormais grandement dompté -- en comparaison du début des années 2000, et parfois en dépit des questions de standards, de performance ou d'accessibilité --, le design de livre numérique repose plus sur une intention que sur une maîtrise absolue.
## 3. Le non-choix typographique
Même s'il est possible d'*embarquer* des polices typographiques -- en utilisant [@font-face](https://en.wikipedia.org/wiki/Web_typography#History) -- le choix des caractères typographiques dépend de plusieurs éléments&nbsp;:
- le système d'exploitation du dispositif&nbsp;;
- l'application de lecture&nbsp;;
- le choix de l'application&nbsp;;
- les choix de l'utilisateur.
L'application de lecture qui interprète et donne le rendu de l'EPUB ne laisse pas forcément le choix au lecteur&nbsp;: soit d'afficher le livre numérique comme son créateur l'a conçu, soit de laisser au lecteur des réglages plus ou moins avancés.
Une grande partie des choix typographiques du designer peuvent parfois disparaître&nbsp;: la police indiquée ne sera pas celle retenue par l'application, les choix micro-typographiques ne seront pas respectées, etc. On peut donc parler de non-typographie.
>Avec le texte au format numérique, à la mise en page liquide, chacun peut changer les paramètres élémentaires. Il faudrait être typographe soi-même pour lire son livre savamment et ne pas jeter plus de mille ans de connaissance de mise en forme du texte. Pour un professeur, la perspective d’un retour à l’école de tous ces lecteurs en quête de connaissances typographiques est assez joyeuse !
SP Millot (Les polices ont du caractère, un article de Corinne Renou-Nativel sur La-Croix.com)
## 4. L'accessibilité
Le format EPUB porte la même ambition que le web&nbsp;: permettre un accès et une lecture par toutes et tous, quelque soit notre degré d'empêchement. Et nous avons tous un certain degré d'empêchement face à une interface (par exemple il m'est très difficile de lire un texte qui n'est pas structuré).
>The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.
[Tim Berners-Lee](https://www.w3.org/standards/webdesign/accessibility)
Distinguer la structure et la mise en forme permet plusieurs usages&nbsp;:
- ne pas prendre en compte la feuille de style intégrée dans le livre numérique, pour des usages spécifiques&nbsp;: affichage en grands caractères par défaut, chargement d'une police pour dysléxiques, etc.&nbsp;;
- lecture du contenu par une synthèse vocale, qui ne restranscrira que la sémantique -- la structure -- du document, et non sa mise en forme.
Vous souhaitez comprendre de quoi je parle ? Rendez-vous sur un site web de votre choix, et désactivez la feuille de style. Surprise !
Le format *accessible* pour les publications numériques a longtemps été le format [DAISY](https://en.wikipedia.org/wiki/DAISY_Digital_Talking_Book), mais l'objectif est que le format EPUB 3.1 le remplace à terme.
## Bonus
Le support de mon intervention lors de cette session à l'[École supérieure d'art et design de Saint-Étienne](http://esadse.fr/) est disponible en ligne&nbsp;:
<a href="http://presentations.quaternum.net/le-livre-numerique-theorie-enjeux-decouverte/" class="link-button">Découvrir le support de présentation</a>
Quelques points qui pourraient être abordées plus longuement&nbsp;:
- la performance du livre numérique&nbsp;: poids, dépendances, rapidité d'affichage, etc.&nbsp;;
- les métadonnées&nbsp;: quelles bonnes pratiques pour une *réelle* utilisation des métadonnées intégrées dans un fichier EPUB ?
- l'évolution du format&nbsp;: quel avenir pour le format EPUB ?
- EPUB + web&nbsp;: quelles perspectives dans la convergence -- future -- de ces deux formats ?