# wordpress-seo/18.4/admin/metabox/class-metabox-section-readability.php

Yoast SEO – Advanced SEO with real-time guidance and built-in AI, version 18.4. 43 lines.

- Page: https://pluginprobe.com/plugins/wordpress-seo/18.4/code/admin/metabox/class-metabox-section-readability.php
- Raw: https://pluginprobe.com/plugins/wordpress-seo/18.4/raw/admin/metabox/class-metabox-section-readability.php
- Modified: 2019-09-17T12:28:02+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/wordpress-seo/18.4/code/admin/metabox/class-metabox-section-readability.php#L10-L20`.

```php
<?php
/**
 * WPSEO plugin file.
 *
 * @package WPSEO\Admin
 */

/**
 * Generates and displays the React root element for a metabox section.
 */
class WPSEO_Metabox_Section_Readability implements WPSEO_Metabox_Section {

	/**
	 * Name of the section, used as an identifier in the HTML.
	 *
	 * @var string
	 */
	public $name = 'readability';

	/**
	 * Outputs the section link.
	 */
	public function display_link() {
		printf(
			'<li role="presentation"><a role="tab" href="#wpseo-meta-section-%1$s" id="wpseo-meta-tab-%1$s" aria-controls="wpseo-meta-section-%1$s" class="wpseo-meta-section-link">
				<div class="wpseo-score-icon-container" id="wpseo-readability-score-icon"></div><span>%2$s</span></a></li>',
			esc_attr( $this->name ),
			esc_html__( 'Readability', 'wordpress-seo' )
		);
	}

	/**
	 * Outputs the section content.
	 */
	public function display_content() {
		printf(
			'<div role="tabpanel" id="wpseo-meta-section-%1$s" aria-labelledby="wpseo-meta-tab-%1$s" tabindex="0" class="wpseo-meta-section">',
			esc_attr( $this->name )
		);
		echo '<div id="wpseo-metabox-readability-root" class="wpseo-metabox-root"></div>', '</div>';
	}
}

```