microsoft · tonyanziano · Feb 10, 2022 · Feb 9, 2022 · Feb 9, 2022
diff --git a/Composer/packages/client/src/components/CreationFlow/TemplateDetailView.tsx b/Composer/packages/client/src/components/CreationFlow/TemplateDetailView.tsx
@@ -134,7 +134,13 @@ export const TemplateDetailView: React.FC<TemplateDetailViewProps> = (props) =>
           `To create a bot from your own Bot Framework Template you need to add a path to your local templates index.js file. <templateDocLink>Learn more</templateDocLink>`,
           {
             templateDocLink: ({ children }) => (
-              <Link key="local-template-link" href={templateDocUrl} rel="noopener noreferrer" target="_blank">
+              <Link
+                key="local-template-link"
+                aria-label={formatMessage('Learn more on how to add Bot Framework Templates')}
+                href={templateDocUrl}
+                rel="noopener noreferrer"
+                target="_blank"
+              >
                 {children}
               </Link>
             ),

diff --git a/Composer/packages/client/src/components/ManageService/ManageService.tsx b/Composer/packages/client/src/components/ManageService/ManageService.tsx
@@ -481,7 +481,13 @@ export const ManageService: React.FC<ManageServiceProps> = (props: ManageService
               service: props.serviceName,
             })}
             {props.learnMore ? (
-              <Link href={props.learnMore} target={'_blank'}>
+              <Link
+                aria-label={formatMessage('Learn more about {service}', {
+                  service: props.serviceName,
+                })}
+                href={props.learnMore}
+                target={'_blank'}
+              >
                 {formatMessage('Learn more')}
               </Link>
             ) : null}

diff --git a/Composer/packages/client/src/constants.tsx b/Composer/packages/client/src/constants.tsx
@@ -333,7 +333,13 @@ export const addSkillDialog = {
           `To connect to a skill, your bot needs the information captured in the skill’s manifest of the bot, and, for secure access, the skill needs to know your bot's AppID. <link>Learn more.</link>`,
           {
             link: ({ children }) => (
-              <Link key="learn-more-about-skills" href={url} rel="noopener noreferrer" target="_blank">
+              <Link
+                key="learn-more-about-skills"
+                aria-label={formatMessage('Learn more about skills')}
+                href={url}
+                rel="noopener noreferrer"
+                target="_blank"
+              >
                 {children}
               </Link>
             ),

diff --git a/Composer/packages/client/src/pages/botProject/AllowedCallers.tsx b/Composer/packages/client/src/pages/botProject/AllowedCallers.tsx
@@ -168,6 +168,7 @@ export const AllowedCallers: React.FC<Props> = ({ projectId }) => {
             a: ({ children }) => (
               <Link
                 key="allowed-callers-settings-page"
+                aria-label={formatMessage('Learn more about skills')}
                 href={'https://aka.ms/composer-skills-learnmore'}
                 target="_blank"
               >

diff --git a/Composer/packages/client/src/pages/botProject/AppIdAndPassword.tsx b/Composer/packages/client/src/pages/botProject/AppIdAndPassword.tsx
@@ -86,7 +86,12 @@ export const AppIdAndPassword: React.FC<AppIdAndPasswordProps> = (props) => {
           'An App ID is used for communication between your bot and skills, services, websites or applications. Use an existing App ID or automatically generate an App ID when creating a publishing profile for this bot. <a>Learn more</a>',
           {
             a: ({ children }) => (
-              <Link key="app-id-settings-page" href={'https://aka.ms/composer-appid-learnmore'} target="_blank">
+              <Link
+                key="app-id-settings-page"
+                aria-label={formatMessage('Learn more about App ID')}
+                href={'https://aka.ms/composer-appid-learnmore'}
+                target="_blank"
+              >
                 {children}
               </Link>
             ),

diff --git a/Composer/packages/client/src/pages/botProject/RootBotExternalService.tsx b/Composer/packages/client/src/pages/botProject/RootBotExternalService.tsx
@@ -306,13 +306,19 @@ export const RootBotExternalService: React.FC<RootBotExternalServiceProps> = (pr
           'Language Understanding (LUIS) is an Azure Cognitive Service that uses machine learning to understand natural language input and direct the conversation flow. <a>Learn more.</a> Use an existing Language Understanding (LUIS) key from Azure or create a new key. <a2>Learn more</a2>',
           {
             a: ({ children }) => (
-              <Link key="luis-root-bot-settings-page" href={'https://www.luis.ai/'} target="_blank">
+              <Link
+                key="luis-root-bot-settings-page"
+                aria-label={formatMessage('Learn more about Language Understanding (LUIS)')}
+                href={'https://www.luis.ai/'}
+                target="_blank"
+              >
                 {children}
               </Link>
             ),
             a2: ({ children }) => (
               <Link
                 key="luis-root-bot-settings-page-learn-more"
+                aria-label={formatMessage('Learn more on how to add Language Understanding to your bot')}
                 href={'https://aka.ms/composer-luis-learnmore'}
                 target="_blank"
               >
@@ -384,13 +390,20 @@ export const RootBotExternalService: React.FC<RootBotExternalServiceProps> = (pr
               'Your bot is configured with only a LUIS authoring key, which has a limit of 1,000 calls per month. If your bot hits this limit, publish it to Azure using a <a>publishing profile</a> to continue testing.<a2>Learn more</a2>',
               {
                 a: ({ children }) => (
-                  <Link key="luis-endpoint-key-info" href={linkToPublishProfile}>
+                  <Link
+                    key="luis-endpoint-key-info"
+                    aria-label={formatMessage(
+                      'Learn more about configuring Azure publishing on the "Publishing Profiles" page'
+                    )}
+                    href={linkToPublishProfile}
+                  >
                     {children}
                   </Link>
                 ),
                 a2: ({ children }) => (
                   <Link
                     key="luis-endpoint-key-limits-info"
+                    aria-label={formatMessage('Learn more about LUIS usage limits')}
                     href={'https://aka.ms/composer-settings-luislimits'}
                     target="_blank"
                   >
@@ -407,13 +420,19 @@ export const RootBotExternalService: React.FC<RootBotExternalServiceProps> = (pr
             'QnA Maker is an Azure Cognitive services that can extract question-and-answer pairs from a website FAQ. <a>Learn more.</a> Use an existing key from Azure or create a new key. <a2>Learn more.</a2>',
             {
               a: ({ children }) => (
-                <Link key="qna-root-bot-settings-page" href={'https://www.qnamaker.ai/'} target="_blank">
+                <Link
+                  key="qna-root-bot-settings-page"
+                  aria-label={formatMessage('Learn more about QnA Maker')}
+                  href={'https://www.qnamaker.ai/'}
+                  target="_blank"
+                >
                   {children}
                 </Link>
               ),
               a2: ({ children }) => (
                 <Link
                   key="qna-root-bot-settings-page-learn-more"
+                  aria-label={formatMessage('Learn more on how to add QnA to your bot')}
                   href={'https://aka.ms/composer-addqnamaker-learnmore'}
                   target="_blank"
                 >

diff --git a/Composer/packages/client/src/pages/botProject/SkillBotExternalService.tsx b/Composer/packages/client/src/pages/botProject/SkillBotExternalService.tsx
@@ -149,12 +149,22 @@ export const SkillBotExternalService: React.FC<SkillBotExternalServiceProps> = (
           'Language Understanding (LUIS) is an Azure Cognitive Service that uses machine learning to understand natural language input and direct the conversation flow. <a>Learn more.</a> Use an existing Language Understanding (LUIS) key from Azure or create a new key. <a2>Learn more</a2>',
           {
             a: ({ children }) => (
-              <Link key="luis-skill-settings-page" href={'https://www.luis.ai/'} target="_blank">
+              <Link
+                key="luis-skill-settings-page"
+                aria-label={formatMessage('Learn more about Language Understanding (LUIS)')}
+                href={'https://www.luis.ai/'}
+                target="_blank"
+              >
                 {children}
               </Link>
             ),
             a2: ({ children }) => (
-              <Link key="luis-skill-settings-page-2" href={'https://aka.ms/composer-luis-learnmore'} target="_blank">
+              <Link
+                key="luis-skill-settings-page-2"
+                aria-label={formatMessage('Learn more on how to add Language Understanding to your bot')}
+                href={'https://aka.ms/composer-luis-learnmore'}
+                target="_blank"
+              >
                 {children}
               </Link>
             ),
@@ -210,13 +220,21 @@ export const SkillBotExternalService: React.FC<SkillBotExternalServiceProps> = (
             'QnA Maker is an Azure Cognitive services that can extract question-and-answer pairs from a website FAQ. <a>Learn more.</a> Use an existing key from Azure or create a new key. <a2>Learn more</a2>',
             {
               a: ({ children }) => (
-                <Link key="qna-skill-settings-page" href={'https://www.qnamaker.ai/'} target="_blank">
+                <Link
+                  key="qna-skill-settings-page"
+                  aria-label={formatMessage(
+                    'Learn more about configuring Azure publishing on the "Publishing Profiles" page'
+                  )}
+                  href={'https://www.qnamaker.ai/'}
+                  target="_blank"
+                >
                   {children}
                 </Link>
               ),
               a2: ({ children }) => (
                 <Link
                   key="qna-skill-settings-page-2"
+                  aria-label={formatMessage('Learn more about LUIS usage limits')}
                   href={'https://aka.ms/composer-addqnamaker-learnmore'}
                   target="_blank"
                 >

diff --git a/Composer/packages/client/src/pages/botProject/SkillHostEndPoint.tsx b/Composer/packages/client/src/pages/botProject/SkillHostEndPoint.tsx
@@ -51,7 +51,12 @@ export const SkillHostEndPoint: React.FC<SkillHostEndPointProps> = (props) => {
           'Add a skill host endpoint so your skills can reliably connect to your root bot. <a>Learn more</a>.',
           {
             a: ({ children }) => (
-              <Link key="skills-settings-page" href={'https://aka.ms/composer-skills-learnmore'} target="_blank">
+              <Link
+                key="skills-settings-page"
+                aria-label={formatMessage('Learn more about skills')}
+                href={'https://aka.ms/composer-skills-learnmore'}
+                target="_blank"
+              >
                 {children}
               </Link>
             ),

diff --git a/Composer/packages/client/src/pages/botProject/adapters/AdapterSection.tsx b/Composer/packages/client/src/pages/botProject/adapters/AdapterSection.tsx
@@ -34,7 +34,12 @@ const AdapterSection = ({ projectId, scrollToSectionId }: Props) => {
           'Add connections to make your bot available in Webchat, Direct Line Speech, Microsoft Teams and more. <a>Learn more.</a>',
           {
             a: ({ children }) => (
-              <Link key="adapters-settings-page" href={'https://aka.ms/composer-connections-learnmore'} target="_blank">
+              <Link
+                key="adapters-settings-page"
+                aria-label={formatMessage('Learn more on how to connect a bot to channels')}
+                href={'https://aka.ms/composer-connections-learnmore'}
+                target="_blank"
+              >
                 {children}
               </Link>
             ),

diff --git a/...er/packages/client/src/pages/design/DebugPanel/TabExtensions/WatchTab/WatchTabContent.tsx b/...er/packages/client/src/pages/design/DebugPanel/TabExtensions/WatchTab/WatchTabContent.tsx
@@ -360,7 +360,14 @@ export const WatchTabContent: React.FC<DebugPanelTabHeaderProps> = ({ isActive }
                 'Add properties to watch while testing your bot in the Web Chat pane. <a>Learn more.</a>',
                 {
                   a: ({ children }) => (
-                    <Link key="watch-table-empty-state-link" href="https://aka.ms/bfcomposer-2-watch" target="_blank">
+                    <Link
+                      key="watch-table-empty-state-link"
+                      aria-label={formatMessage(
+                        'Learn more on how to test your bot in Bot Framework Composer Documentation'
+                      )}
+                      href="https://aka.ms/bfcomposer-2-watch"
+                      target="_blank"
+                    >
                       {children}
                     </Link>
                   ),

diff --git a/Composer/packages/client/src/pages/setting/app-settings/electronSettings.tsx b/Composer/packages/client/src/pages/setting/app-settings/electronSettings.tsx
@@ -41,6 +41,7 @@ export const ElectronSettings: React.FC<RouteComponentProps> = () => {
               a: (props) => {
                 <Link
                   key="nightly-link-learn-more-link"
+                  aria-label={formatMessage('Learn more about Bot Framework Composer Nightly Releases')}
                   href="https://github.com/microsoft/BotFramework-Composer-Nightlies"
                   rel="noopener noreferrer"
                   styles={link}

diff --git a/extensions/azurePublish/src/components/azureProvisionDialog.tsx b/extensions/azurePublish/src/components/azureProvisionDialog.tsx
@@ -162,6 +162,7 @@ const DialogTitle = {
         a: ({ children }) => (
           <a
             key="add-resource-learn-more"
+            aria-label={formatMessage('Learn more on how to add more Azure resources')}
             href={'https://aka.ms/composer-publish-bot#create-new-azure-resources'}
             rel="noopener noreferrer"
             target="_blank"

diff --git a/extensions/azurePublishNew/src/components/provisioningWizards/CreateResourcesWizard.tsx b/extensions/azurePublishNew/src/components/provisioningWizards/CreateResourcesWizard.tsx
@@ -63,7 +63,13 @@ export const CreateResourcesWizard = React.memo((props: Props) => {
           'Your bot needs the following resources based on its capabilities. Select resources that you want to provision in your publishing profile. <a>Learn more</a>',
           {
             a: ({ children }) => (
-              <a key="add-resource-learn-more" href={urls.createNewResources} rel="noopener noreferrer" target="_blank">
+              <a
+                key="add-resource-learn-more"
+                aria-label={formatMessage('Learn more on how to add more Azure resources')}
+                href={urls.createNewResources}
+                rel="noopener noreferrer"
+                target="_blank"
+              >
                 {children}
               </a>
             ),

diff --git a/extensions/azurePublishNew/src/components/provisioningWizards/HandOffToAdminWizard.tsx b/extensions/azurePublishNew/src/components/provisioningWizards/HandOffToAdminWizard.tsx
@@ -52,7 +52,13 @@ export const HandOffToAdminWizard = React.memo((props: Props) => {
           'Your bot needs the following resources based on its capabilities. Select resources that you want to provision in your publishing profile. <a>Learn more</a>',
           {
             a: ({ children }) => (
-              <a key="add-resource-learn-more" href={urls.createNewResources} rel="noopener noreferrer" target="_blank">
+              <a
+                key="add-resource-learn-more"
+                aria-label={formatMessage('Learn more on how to add more Azure resources')}
+                href={urls.createNewResources}
+                rel="noopener noreferrer"
+                target="_blank"
+              >
                 {children}
               </a>
             ),