Improve landmarks on the learn pages (#26821)

* Add search HTML tag and improve landmarks

* Add material symbol icons

* Add translation and improve landmarks

GitOrigin-RevId: bd0ddcce16348883c58ae547623b8e615b55df27

services/web/app/views/_mixins/faq_search-marketing.pug

@@ -1,23 +1,26 @@
+include ./material_symbol.pug
+
 mixin faq_search-marketing(headerText, headerClass)
 	if typeof settings.algolia != 'undefined' && typeof settings.algolia.indexes != 'undefined' && typeof settings.algolia.indexes.wiki != 'undefined'
 		if headerText
 			div(class=headerClass) #{headerText}
-		.wiki
+		search.wiki
 			form.project-search.form-horizontal(role='search' data-ol-faq-search)
 				.form-group.has-feedback.has-feedback-left
 					.col-sm-12
+						label.visually-hidden(for='search-help-library') Search help library…
 						input.form-control(
+							id='search-help-library'
 							type='search'
 							placeholder='Search help library…'
-							aria-label='Search help library…'
 						)
-						i.fa.fa-search.form-control-feedback-left(aria-hidden='true')
-						i.fa.fa-times.form-control-feedback(
-							style='cursor: pointer'
-							hidden
-							data-ol-clear-search
+						+material-symbol('search').form-control-feedback-left(
 							aria-hidden='true'
 						)
+						+material-symbol('clear').form-control-feedback(
+							data-ol-clear-search
+							hidden
+						)
 						button.sr-only(
 							type='button'
 							hidden

services/web/locales/en.json

@@ -565,6 +565,7 @@
   "document_updated_externally": "Document Updated Externally",
   "document_updated_externally_detail": "This document was just updated externally. Any recent changes you have made may have been overwritten. To see previous versions, please look in the history.",
   "documentation": "Documentation",
+  "documentation_articles": "Documentation and articles",
   "does_not_contain_or_significantly_match_your_email": "does not contain or significantly match your email",
   "doesnt_match": "Doesn’t match",
   "doing_this_allow_log_in_through_institution": "Doing this will allow you to log in to <b>__appName__</b> through your institution and will reconfirm your institutional email address.",