Colonne Alt Text

14 janvier 2025

Le texte alternatif est un attribut important pour le référencement naturel (SEO) et l’accessibilité. Ce petit bout de code ajoute une colonne “Alt Text” dans la bibliothèque de média de WordPress. On a alors un aperçu rapide des textes alternatifs manquants.

PHP
// Ajoute une colonne à la bibliothèque de média
function add_alt_text_column($columns) {
    $columns['alt_text'] = 'Alt Text';
    return $columns;
}
add_filter('manage_media_columns', 'add_alt_text_column');

// Affiche le texte alternatif ou une alerte indiquant qu'il est manquant
function display_alt_text_column($column_name, $attachment_id) {
    if ($column_name === 'alt_text') {
        $alt_text = get_post_meta($attachment_id, '_wp_attachment_image_alt', true);
        $file_type = wp_check_filetype(wp_get_attachment_url($attachment_id));
        $image_types = array('jpg', 'jpeg', 'png', 'webp', 'avif', 'gif', 'svg');

        if (in_array($file_type['ext'], $image_types)) {
            if (!empty($alt_text)) {
                echo esc_html($alt_text);
            } else {
                echo '<div style="display:flex;align-items:center;"><p style="margin:0;color: red;font-size: 48px;">•</p><p style="margin-top:1.1rem;padding-left:1rem;font-weight:700;">ALT Text manquant !</p></div>';
            }
        } else {
            echo '<div style="display:flex;align-items:center;"><p style="margin:0;color: royalblue;font-size: 48px;">•</p><p style="margin-top:1.1rem;padding-left:1rem;font-weight:700;">N/A</p></div>';
        }
    }
}
add_action('manage_media_custom_column', 'display_alt_text_column', 10, 2);
Retour à l'accueil