MasterDetailPageアイコンVoiceOverにアクセスするにはどうしたらいいですか？

Question

マイXamarin.Formsアプリのメインページには、以下のようになりますMasterDetailPageで構成されています

<MasterDetailPage ...> 
    <MasterDetailPage.Master> 
     <v:MasterMenuPage Title="Menu" Icon="icon_hamburger.png" /> 
    </MasterDetailPage.Master> 
    <MasterDetailPage.Detail> 
     ... 
    </MasterDetailPage.Detail> 
</MasterDetailPage> 

私がアクティブのVoiceOverとiOSの10の私のアプリに「聴く」しようとしたとして、私は声がメニューを読み込むことに気づきましたアイコンをMenuの代わりにIcon Hamburgerとしてください。

この問題を解決するためにアクセシビリティテキストを設定するにはどうすればよいですか？

Answer 1

Xamarin.Formsソースコードと、そのナビゲーション項目の作成方法について説明します。あなたがそのアイコンのアクセシビリティラベルを設定できる唯一の方法は、NavigationPage用のカスタムレンダラーを作成することです。

この例では、ラベルを正しく設定しています。

[assembly: ExportRenderer(typeof(NavigationPage), typeof(stackoverflowexample.iOS.CustomNavigationPageRenderer))] 
namespace stackoverflowexample.iOS 
{ 
    public class CustomNavigationPageRenderer : NavigationRenderer 
    { 
     protected override void OnElementChanged(VisualElementChangedEventArgs e) 
     { 
      base.OnElementChanged(e); 

      var button = GetNavigationButton(); 

      if (button == null) return; 

      button.AccessibilityLabel = GetMasterPageTitle(); 

     } 

     UIBarButtonItem GetNavigationButton() 
     { 
      var nav = this.NativeView.Subviews.OfType<UINavigationBar>().FirstOrDefault(); 

      var navItem = nav.Items.FirstOrDefault(x => x.LeftBarButtonItem != null); 

      return navItem?.LeftBarButtonItem; 
     } 

     string GetMasterPageTitle() 
     { 
      var parentPages = ((Page)Element).GetParentPages(); 
      var masterDetail = parentPages.OfType<MasterDetailPage>().FirstOrDefault(); 

      return masterDetail?.Master?.Title; 
     } 
    } 
} 

Answer 2

試してみてください。

AutomationProperties.SetIsInAccessibleTree(yourElement, true); 
AutomationProperties.SetName(yourElement, "textToBeSpoken"); 

ソース：https://blog.xamarin.com/accessbility-xamarin-forms/